/*
Theme Name: ZAG / Themes
Author: zaak, peter lütolf 
Author URI: https://www.zaak.ch/
Version: 1.0
License: GNU General Public License
*/

/*start easydropdown*/


/*  1 */

@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=18e50a58-b86f-4449-a12b-1e6612eaf500&fontids=1488914,1488938,5383870");
@font-face{
	font-family:"Helvetica Neue LT W01_71488914";
	src:url("Fonts/1488914/531c5a28-5575-4f58-96d4-a80f7b702d7b.woff2") format("woff2"),
		url("Fonts/1488914/439c5962-f9fe-4eaf-a1f6-f41d42edba75.woff") format("woff");
	font-display: swap;
}
@font-face{
	font-family:"Helvetica Neue LT W01_91488938";
	src:url("Fonts/1488938/bd8486cc-4614-412d-ba1d-15e1a7c9fada.woff2") format("woff2"),
		url("Fonts/1488938/a7bdf5a9-752e-4e69-b17c-b7e62575b07a.woff") format("woff");
	font-display: swap;
}
@font-face{
	font-family:"Helvetica Neue for IB W01 Rg";
	src:url("Fonts/5383870/46c659aa-5e7e-48f1-a8bf-13e3c36baa3b.woff2") format("woff2"),
		url("Fonts/5383870/8e5737a2-66d4-4f56-9300-36df9b2668b6.woff") format("woff");
	font-display: swap;
}

body.home > div.stickyfooter > div.layer-mich.layer-no > div > div > div.flex {
	display: none;
}

/*  durchführungs auswahl veranstalrungen */
#field_10_10 ,
#field_11_10,
#field_2_10{
	display: none;
}

/*  durchführungs id */
#field_4_21,
#field_7_21,
#field_8_21,
#field_9_21,
#field_12_21,
#field_13_21{
	display: none_;
}


.jahr2024 .but23 {
	display: none ;
}


.jahr2025 .but23,
.jahr2025 .but24{
	display: none ;
}

.jahr2026 .but23,
.jahr2026 .but24,
.jahr2026 .but25{
	display: none ;
}

.jahr2027 .but23,
.jahr2027 .but24,
.jahr2027 .but25,
.jahr2027 .but26 {
	display: none ;
}

 .sortquartal  .sub li {
      display: none;
    }

 
 .sortquartal  .sub li:nth-child(1) {
      display: block !important;
    }


/*body.page-id-99,
body.page-id-1007,
body.page-id-136{
	background-color: #efe8e5 !important;
}*/

body.page-template-_gesichter_kommission > div.stickyfooter > div.container.minheight > div > div.controls ,
body.page-template-_gesichter > div.stickyfooter > div.container.minheight > div > div.controls {
	padding-bottom: 10px;
}
body.page-template-_gesichter_kommission > div.stickyfooter > div.container.minheight > div > div.controls > div{
	margin-left: 50%;
	padding-left: 15px;
}

body.page-template-_gesichter_kommission .button-red,
body.page-template-_gesichter .button-red{
    position: relative;
    margin-bottom: 0px;
    line-height: 0;
}

body.page-template-_uber_hf,
body.page-template-_seite_meineschule {
	background-color:#e5d8dc;
}
body.home #menu-item-2932 ul.sub-menu {
	display: block
}
body.page-template-single_bl {
	background-color:#efede1;
}
body.page-template-single_wb {
	background-color:#d6ddde;
}
#menu-item-2932.akk-menu ul.sub-menu {
	display: block
	
}

ul.menu > li > ul.sub-menu {
    display: none;
}




/*  2 */

/*body.page-id-125,
body.page-id-140,
body.page-id-95 {
	background-color: #e5d8dc !important;
}*/
body.page-template-_veranstaltungen,
body.single-veranstaltungen,
body.page-template-_praxis,
body.page-template-single_fh {
	background-color: #efe8e5;
}
/*  3 */
body.page-template-_kontakt,
body.page-template-_blog,
body.page-template-_news,
body.single-news,
body.page-template-_hierlernen,
body.page-template-_gesichter,
body.page-template-_gesichter_konvent,
body.page-template-_gesichter_kommission,
body.page-template-_uber_bl
/*body.page-id-11,
body.page-id-50,
body.page-id-71,
body.page-id-139,
body.page-id-138*/
{
	background-color: #d6ddde !important;
}

/*  4 */
/*body.page-id-98,
body.page-id-104{
	background-color: #efede1 !important;
}*/



.edd-root,
.edd-root *,
.edd-root *::before,
.edd-root *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.edd-root {
    display: inline-block;
    position: relative;
    /*width: 320px;*/
    user-select: none;
    font-family:"Helvetica Neue for IB W01 Rg";	
    font-weight: 300;
    font-size: 16px;
    color: #000;
}
.edd-root-disabled {
    color: #ccc;
    cursor: not-allowed;
}
.edd-root.edd-root-focused::after,
.edd-root.edd-root-invalid::after {
    transform: scaleX(1);
}
.edd-root.edd-root-invalid::after {
    background: rgb(255, 105, 105);
}
.edd-head {
    position: relative;
    overflow: hidden;
	font-weight:700;
}
.edd-root:not(.edd-root-disabled) .edd-head:hover {
    border-bottom-color: #aaa;
}
.edd-value {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    padding: 8px 25px 8px 0;
}
.edd-arrow {
    position: absolute;
    width: 14px;
    height: 10px;
    top: calc(50% - 5px);
    right: 3px;
    transition: transform 150ms;
    pointer-events: none;
    color: #e30059;
}
.edd-root-disabled .edd-arrow {
    color: #ccc;
}
.edd-arrow::before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    top: 0;
    right: 2px;
    transform: rotate(45deg);
    transform-origin: 50% 25%;
}
.edd-root-open .edd-arrow {
    transform: rotate(180deg);
}
.edd-value,
.edd-option,
.edd-group-label {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.edd-root:not(.edd-root-disabled) .edd-value,
.edd-option {
    cursor: pointer;
}
.edd-select {
    position: absolute;
    opacity: 0;
    width: 100%;
    left: -100%;
    top: 0;
}
.edd-root-native .edd-select {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.edd-body {
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: 999;
    background: white;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.08);
    border: 1px solid #b8b9bb;
	border-radius:5px;
	width:320px;
}
.edd-root-open .edd-body {
    opacity: 1;
    pointer-events: all;
    transform: scale(1);
    transition: opacity 200ms, transform 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.edd-root-open-above .edd-body {
    bottom: 100%;
}
.edd-root-open-below .edd-body {
    top: 100%;
}
.edd-items-list {
    overflow: auto;
    max-height: 0;
	min-height: 200px;
    transition: max-height 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-overflow-scrolling: touch;
}
.edd-items-list::-webkit-scrollbar {
    width: 12px;
}
.edd-items-list::-webkit-scrollbar-track {
    background: #efefef;
}
.edd-items-list::-webkit-scrollbar-thumb {
    background: #ccc;
}
.edd-group-label {
    font-size: 13px;
    padding: 4px 8px 4px 0;
    color: #555;
    font-weight: 600;
}
.edd-group-has-label {
    padding-left: 22px;
}
.edd-option {
    position: relative;
	margin: 10px;
	padding: 0px;
	    line-height: 1.3;
    font-size: 14px;
    padding-bottom: 5px;

    border-radius: 5px;
}
.edd-option-selected {
    background-color:#efefef;
	border-radius: 5px;
	    line-height: 1.3;
    font-size: 14px;
    padding-bottom: 5px;

    border-radius: 5px;
}
.edd-option-focused:not(.edd-option-disabled) {
    color: #e30059;
}
.edd-option-disabled,
.edd-group-disabled .edd-option {
    cursor: default;
    color: #ccc;
}
.edd-gradient-top,
.edd-gradient-bottom {
    content: '';
    position: absolute;
    left: 2px;
    right: 12px;
    height: 32px;
    background-image:
        linear-gradient(
            0deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 1) 40%,
            rgba(255, 255, 255, 1) 60%,
            rgba(255, 255, 255, 0) 100%
        );
    background-repeat: repeat-x;
    background-size: 100% 200%;
    pointer-events: none;
    transition: opacity 100ms;
    opacity: 0;
}
.edd-gradient-top {
    background-position: bottom;
    top: 0;
}
.edd-gradient-bottom {
    background-position: top;
    bottom: 0;
}
.edd-body-scrollable .edd-gradient-top,
.edd-body-scrollable .edd-gradient-bottom {
    opacity: 1;
}
.edd-body-scrollable.edd-body-at-top .edd-gradient-top,
.edd-body-scrollable.edd-body-at-bottom .edd-gradient-bottom {
    opacity: 0;
}
/*end easydropdown*/


.redbox {
	width: auto;
	height: auto;
	background-color: #e30059;
	position: absolute;
	top: 0px;
	bottom: 90px;
	right: 10px;
	left: 50%;
		z-index: -1;
}

.einvid {
	position: relative;
	z-index: 2;
	padding: 0 !important;
	
}

.einvid img {

	
}


.einvid video {
	height:auto;
	width: calc(140% - 10px);
	padding-left: 0px;
	box-sizing: border-box;

}

html {
  scroll-behavior: smooth;
}

*:focus {
  outline: none;
}


/* Global */
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
a{
  margin: 0;
  padding: 0;
  border: 0;
font-family:"Helvetica Neue for IB W01 Rg";	

}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
html {
  margin: 0;
  padding: 0;

  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;

}
::-webkit-scrollbar {
    width: 0px;
	z-index:22000;


	
}

/* Track */
::-webkit-scrollbar-track {
    background-color: #999;
	
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #414E5A;
	border-radius:4px;
	
	

}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

html, body {
  height: 100%;
  margin: 0px;
	padding: 0px;
}



.subtab-box p{
	font-size: 20px;
}
.subtab-box p:has(strong) + ul {
	margin-top: -1em !important;
}

#swipebox-prev{
	background-size:100px;
	background-position:-22px 15px;
}
#swipebox-next {
	background-size:100px;
	background-position:-62px 15px;
}
#swipebox-close {
	background-size:100px;
	background-position:18px 15px;
}
.swipe {
	display: flex;
	margin: 0 -10px;
}

.swipe > div {
	width: 25%;
	padding: 10px;
}
.swipe-overlay {
	position: relative;
}

#swipebox-overlay {
    width: 100% !important;
   height: 100% !important;

    position: relative !important;
   
}

#swipebox-slider .slide {
    height: auto !important;
    width: 100%;
    line-height: 1px;
    text-align: center;
    display: inline-block;
}

#swipebox-bottom-bar {
    bottom: inherit !important;
	top: 50% !important;
	display: block !important;
}
#swipebox-slider {

    position: relative;

}
#swipebox-arrows {
    width: 100%;
    max-width: inherit;
}

#swipebox-bottom-bar, #swipebox-top-bar {
    text-shadow: 1px 1px 1px black;
    background-color: transparent;
    opacity: 0.95;
}

#swipebox-overlay {
      background-color: transparent;
}


#swipebox-slider .slide img, #swipebox-slider .slide .swipebox-video-container, #swipebox-slider .slide .swipebox-inline-container {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    width: 80%;
    height: auto;
    vertical-align: middle;
    margin: 0 10%;
}


body.akk-galerie .swipe {
	display: none !important;
}


body {
  margin: 0;

  overflow:hidden;
  overflow-y: scroll;
  font-style: normal;
  /*font-size: 23px;*/
  font-size:20px;
  line-height: 1.3;
  color: #000;
 font-family:"Helvetica Neue LT W01_91488938";
font-weight: 400;
font-style: normal;
	font-weight: 400;

 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;

 
}

h1,
h2,
h3,
h4,
h5,
h6 {
	 -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;

	font-family:"Helvetica Neue LT W01_71488914";
font-weight: normal;
font-style: normal;

   line-height:1;
	padding-bottom: 20px;
	position: relative;
	


}

.bold {
	font-family:"Helvetica Neue LT W01_71488914";
}

.button {
	cursor: pointer;
}

a h1,
a h2,
a h3,
a h4,
a h5,
a h6 {
	color:inherit;
}

h1,
h2,
h3,
h4,
h5,
h6{
  font-family:"Helvetica Neue LT W01_91488938";
	margin: 0;
	padding: 0;
	hyphens: auto;
}
p, label{
	font-family:"Helvetica Neue for IB W01 Rg" !important;
	margin: 0;
	padding: 0;
	margin: 0 0 0px 0;
    font-size: 16px;
    line-height: 1.3em;
    font-weight: 300;
    font-style: normal;
}
.white {
	color: #ffffff;
}

h1 {
	font-size:40px;


	line-height: 1;
	padding-bottom: 30px;
	hyphens: auto;


	}


h2, h3 {
	font-size:24px;
	

	line-height: 1;
	padding-bottom: 10px;


	}



	

h4 {
	font-size:17px;	

	font-style: normal;
}

.contentbox p {
  	margin: 0 0 1em 0;
  	font-size: 20px;
	line-height: 1.3em;
	font-weight: 300;
	font-style:normal;
}



p {
  	margin: 0 0 1em 0;
  	font-size: 16px;
	line-height: 1.3em;
	font-weight: 300;
	font-style:normal;
}
.contentbox ul {
	
	margin-bottom: 1em;
}


	a:active,
	ul,
	li,
	input {
outline: none;
border: none;
}




ul {
  list-style: disc;
  margin:0px 0;
}
ol {
  list-style: decimal;
}
b,
strong {
	font-weight: 700;
}
dfn,
cite,
em,
i {
  font-style: italic;
}
sup,
sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  bottom: 1.5ex;
}
sub {
  top: .5ex;
}


a.linksubtab {
    padding-left: 25px;
    background-image: url(img/icons/zag_pfeil_rechts.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 16px;
	font-size: 16px;
	color: #e30059;
}





sup { font-size:54%; line-height:2em; }



.center {
	text-align:center;}

.clear {
	clear:both;
	}

a {
  color: #000;
  text-decoration: none;
  outline: 0;
  border: 0;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
cursor: pointer !important;
}


.red {
	color: #e30059;
}


h2.red.big {
	  font-family:"Helvetica Neue LT W01_91488938";
	font-size: 50px;
	padding-bottom: 30px;
}

a.red.mail:hover {
	color: #000;
}

 .social .cls-1 {
	fill: #fff;
	 }
.social .cls-2 {
	fill: #e30059;
	 }






/* ---------------------------------------------------------------------------- allgemein   */



header {
	position: relative;
	display: block;

	padding: 0;
	margin: 0;
	box-sizing: border-box;
	
}

body {
	background-color: #efede1;
	padding: 0;
	margin: 0;
}



.logo {
	position: relative;
	width: 454px;
	padding-top: 30px;
	padding-bottom: 30px;
	max-width: 60%;
		z-index: 998;
	display: inline-block;
}


.toggle-box.close,
.toggle-box-layer.close{
	width: 60px;
	height: 60px;
	position: absolute;
	top: 30px;
	right: 0;
	cursor: pointer !important;
	z-index: 1000;
	display: none;
	 outline: none;
}

body.akk-nav .toggle-box.close  {
	display: block;
}

.toggle-box.open  {
	width: 60px;
	height: 60px;
	position: absolute;
	top: 30px;
	right: 0;
	cursor: pointer !important;
	z-index: 1000;
	display: block;
	 outline: none;
}

.toggle-box object,
.toggle-box-layer object, 
object{
  pointer-events: none;
}

.margintop {
	margin-top: -180px
}

.container {
	width: 100%;
	position: relative;
	display: block;
	box-sizing: border-box;
	padding: 0 100px;
	margin: 0;
}
.container.minheight {
	min-height: 100%;
	
	box-sizing: border-box;
	padding-bottom: 150px;


}
.content {
	margin: 0 auto;
	max-width: 1312px;
	position: relative;
	padding: 0;
}



.lablo {
	display: block !important;
}


#field_2_7 { grid-column: span 6;}

#field_2_8 { grid-column: span 2;}

#field_2_9 { grid-column: span 4;}
#input_2_1 {
	position: relative;
}
#input_2_1 > div {
	width: 20%;
	display: inline-block;
}
#field_2_1 > legend {
	display: none;
}
.gform_ajax_spinner {
	display: none !important;
}
.gform_required_legend {
	display:none;
}


.gfield_select {

	color:#000;
}


#gform_submit_button_2 {
	background-color: #e30059;
	  font-family:"Helvetica Neue LT W01_91488938";
	color: #fff;
	padding: 10px 20px;
	border-radius: 5px;
	overflow: hidden;
	font-size: 18px;
}

#gform_2 > div.gform_footer.top_label {
	text-align: right;
}

.single-veranstaltungen .eincon {
	width: 66.666% !important;
}


.gform_wrapper.gravity-theme .gform_fields {

    grid-column-gap: 20px !important;
    grid-row-gap: 20px !important;
}
#filter-result {
	margin-bottom: 60px;
}

/* ----------------------------------------------------------------------------blog  */





#menu-news {
	list-style-type: none;
	margin:0!important;
}

#menu-news li {
	display: inline;
	width: 250px
}
#menu-news li:before {
	content:'';
}
#menu-news {

	width: 100%;  display: flex;
}

#menu-news   li a {	font-size: 18px;}

#menu-news   li {
    width: 200px;

    background-image: url(img/icons/zag_box_tabs_inaktiv.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    display: flex;

    align-items: center;
	text-align: left;
		font-size: 18px;
	padding-left: 20px;
	height: 34px;
	margin-right: 16px;
}


#menu-news  li.current-menu-item  
{
    background-image: url(img/icons/zag_box_tabs_aktiv.svg);
    color: #fff;
	font-size: 18px;
}
#menu-news  li.current-menu-item a  
{
    color: #fff;;
}

div.section.news .newsbox {
	margin-bottom: 40px;
}
div.section.news .newsbox h2 {
	padding-bottom: 15px;
}
div.section.news .newsbox p.time{
	padding-bottom: 0px;
	margin: 0;
	
}
div.section.news  {
	margin-bottom: 40px;
	margin: 0 -10px 0 -10px;
}

.newsnav {
	margin-bottom: 50px;
	padding-top: 20px;
}



/* ----------------------------------------------------------------------------hierlernen  */


.search-wrapper {
	padding:20px 0 40px 0;
}
#search-terms ul {
	list-style-type: none;
	
}

.search-filter.button {
    background-color: #e30059;
  font-family:"Helvetica Neue LT W01_71488914";
	font-weight: normal;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    overflow: hidden;
    font-size: 18px;
}

span.redpoint {
	
	background-image: url("img/icons/zag_punkt.svg");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 16px;
	width: 16px;
	height: 16px;
	display: block;
	margin: auto;
}
body > div.container > div > div.section.hierlernen.flex.zwei  table > tbody > tr {
	text-align: left;
	font-family:"Helvetica Neue for IB W01 Rg";
	font-size: 18px;
	line-height: 1.8;
}

body > div.container > div > div.section.hierlernen.flex.zwei table tbody > tr:nth-child(1) {
	text-align: center;
	font-family:"Helvetica Neue LT W01_91488938";
	    color: #e30059;
		font-size: 24px;
}

.bg_weiss  {	
	position: relative;
	padding: 4.9% 0px 7.5% 0px;
}


.bg_weiss .bg_top {	
	background: url(img/bg-oben.png) ;
  	background-repeat: no-repeat;

	background-size: 100%  ;
	
	  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-bottom: 5%;
}

.bg_weiss .bg_unten {	
	background: url(img/bg-unten.png) ;
  	background-repeat: no-repeat;

	background-size: 100%  ;

	  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-bottom: 7.6%;
	
}


.bg_weiss .bg_mitte {	
	background-color: #fff;
	height: 100%;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 16px;
	/*margin-top: -1px;
	margin-bottom: -1px;*/
}

.bg_weiss .bg_mitte h3 {	
	padding-top: 20px;
	


}


.bg_mitte a {
	text-decoration: underline;
}

.single-news .newstext a {
		text-decoration: underline;
	color: #e30059;
}
#grid  {
	margin: 0 -10px;
}
#grid > div > div {
	box-sizing: border-box;

}



.hierlernen ul {
	font-size: 18px;
	margin-left: 17px;
}

.hierlernen.flex.zwei > div:nth-child(1) > div > h3 {
	  color: #e30059;
}
div.section.hierlernen.flex.zwei  table {
	width: 100%;
}

.hierlernen ul li {
  list-style-image: url("img/icons/zag_punkt.svg");
	font-size: 18px;
	padding-left: 5px;
}
body.single-news  div.section  ul {
	margin-left: 17px;
}

body.single-news  div.section  ul > li {
	list-style-image: url("img/icons/zag_punkt.svg");
	font-size: 16px;
	padding-left: 5px;
}


.hierlernen.flex.zwei > div {
	padding: 10px;
	position: relative;
	box-sizing: border-box;
}


.hierlernen.flex.zwei > div > div {

	height: 100%;
	width: 100%;
	box-sizing: border-box;
}

.contentbox ul,
body.page-template-default .einleitung ul {
	margin-left: 14px;
	margin-bottom: 1em;
}
.contentbox ul li,
body.page-template-default .einleitung ul li {
    list-style-image: url(img/icons/zag_punkt.svg);
    padding-left: 5px;
	font-size: 20px;
}

.contentbox a {
	color:#e30059;
}

/* ---------------------------------------------------------------------------- veranstaltungen SALVATTORE.js */


.column {
    float: left;
}
.size-1of4 {
    width: 25%;
}
.size-1of3 {
    width: 33.333%;
}
.size-1of2 {
    width: 50%;
}
.size-1of1 {
    width: 100%;
}


.clear {
	clear: both;
}
/* ----------------------------------------------------------------------------mouse  */
.scroll-icon {
	opacity: 0;
	pointer-events: none;
	  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
	
	
	  display: block;
  position: fixed;
  height: auto;
  width: 30px;

	left: 50%;
	margin-left: -15x;
	bottom: 6%;
	z-index: 9999
		

}

@media all and (max-height: 850px) {
	
body.scrolling50 .scroll-icon,	
body.home .scroll-icon,
body.page-template-_hierlernen .scroll-icon,
body.page-template-_gesichter  .scroll-icon,
	body.page-template-_gesichter_konvent  .scroll-icon,
		body.page-template-_gesichter_kommission  .scroll-icon 
	{
  opacity: 0;

}

.scroll-icon {
  display: block;
  position: fixed;
  height: auto;
  width: 30px;
opacity: 1;
	left: 50%;
	margin-left: -15x;
	bottom: 6%;
	z-index: 9999
}

  } /* ende */

/* ----------------------------------------------------------------------------header menu  */



.header-menu {
	height: 100vh;
	width: 100%;
	background-color: #e30059;
	color: #fff;
	position: fixed;
	z-index: 1001;
	top: 0;
	display: none;
	overflow: scroll;
}
.header-menu .container {
	height: auto;
}
.header-menu::-webkit-scrollbar {
    width: 8px;
	z-index:22000;
	display: none;
	overflow: scroll;
	
}

/* Track */
.header-menu::-webkit-scrollbar-track {
    background-color: #999;
	
}
 
/* Handle */
.header-menu::-webkit-scrollbar-thumb {
    background: #414E5A;
	border-radius:4px;
	
	

}

/* Handle on hover */
.header-menu::-webkit-scrollbar-thumb:hover {
    background: #555; 
}


body.akk-nav .header-menu {
	display: block;
}

.header-menu ul {
	list-style-type: none;
}
.header-menu a {
	color: #fff;
}
.header-menu .sub-menu li {
	line-height: 1;
}

.header-menu .sub-menu a {
	font-size: 20px;
	font-family:"Helvetica Neue LT W01_91488938";
}

/* ------left  */


.menuleft {
	width: 70%;
}



.controls {
	position: relative;
}

ul.menu > li > a {
	  font-family:"Helvetica Neue LT W01_91488938";
	font-size: 50px;
	line-height: 1.5;

}

ul.menu > li > ul.sub-menu {
	display: none;
}



/* ul
current-menu-ancestor 
current-menu-parent 
current_page_parent 
current_page_ancestor 
current_page_item
*/
ul.menu > li.current-menu-ancestor > ul.sub-menu,
ul.menu > li.current_page_item > ul.sub-menu,
ul.menu > li.current-page-ancestor > ul.sub-menu{
	display: block;
	
}



ul.menu > li {
	padding: 0 0 0px 0;
}
ul.menu > li ul.sub-menu {
	padding: 20px 0 0px 0;
}


ul.menu > li ul.sub-menu li{
	padding: 0 0 25px 0;
}

body > div.header-menu > div > div > div.flex > div.menuright > div > ul > li {
	margin-top: 5px;
}
ul.menu > li.current-menu-ancestor > ul.sub-menu a {
	font-size: 20px;
	 font-family:"Helvetica Neue LT W01_91488938";
	line-height: 1;
}
.ckeckbox-kurs > div > div {
	position: relative;
}

.ckeckbox-kurs label {
	margin-left: 30px;
	display: block;
}

.ckeckbox-kurs input {
	left: 0px;
	position: absolute;
	left: 0;
	top: 0;
}

.ckeckbox-kurs .gfield_radio.akk-radio input  {
    background-color: #CF1317;
    color: #CF1317;
}


div.ckeckbox-kurs > div.gfield_radio {
	margin-bottom: 20px;
}




input[type="radio"] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: #FFFFFF;
  /* Not removed via appearance */
  margin: 0;

  font: inherit;
  color: currentColor;
  width: 16px;
  height: 16px;
  border: 0em ;
  border-radius: 50%;


  display: grid;
  place-content: center;
}

input[type="radio"]::before {
  content: "";

  border-radius: 50%;

}
input[type="radio"]:checked{
background-color: #e30059;
	color: #e30059;
}

input[type="radio"]:checked::before {
background-color: #e30059;
	color: #e30059;
}

input[type="radio"]:focus {
color: #e30059;
}


.gfield_radio.akk-radio input[type="radio"]::before {
background-color: #e30059;
	color: #e30059;
}






.season {
		 font-family:"Helvetica Neue LT W01_91488938";
}

.durchfuehrungTitel {
	float: right;
}

.ckeckbox-kurs span.trenner:last-of-type {
	display: none;
} 

.ckeckbox-kurs {
	margin-bottom: 30px;
}
.verfuegbar {
	color: #e30059;
	padding: 5px 0 5px 0;
	display: block;
}


.page-template-single_blm .verfuegbar2{	
	display: inline-block;
}




/* ------ right  */



.menuright {
	width: 30%;
}


.menuright ul.menu > li > a {
	font-family:"Helvetica Neue for IB W01 Rg";
	font-size: 20px;
	line-height: 1.5;
}



img {
	width: 100%;
	height: auto;
}

#map {
		width: 100%;
	height: 500px;
	margin-bottom: 60px;
}

.kontaktteaser {
	margin-bottom: 90px;
}



#input-search {
background-color: transparent;
	 width: calc(100% - 40px); /* Die Breite des Input-Felds berechnen */
	height: 30px;
	font-family: "Helvetica Neue for IB W01 Rg";
    font-size: 20px;
    line-height: 1.5;
	color: #fff;
	height: 35px;

}


.content #input-search {
background-color: transparent;
	 width: calc(100% - 40px); /* Die Breite des Input-Felds berechnen */
	height: 30px;
	font-family: "Helvetica Neue for IB W01 Rg";
    font-size: 20px;
    line-height: 1.5;
	color: #000;

}

.content  #searchform {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 0px;
	max-width: 50%;
}

.header-menu .content #searchform {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 30px;
	max-width: 100%;
	color: #fff;
}
.search-item {
	padding: 20px 0;
	border-bottom: 1px solid #000;
}

#page-section > div > div > div.einleitung.margintop {
	margin-bottom: 0;
}
.header-menu .content  #input-search {
background-color: transparent;
	 width: calc(100% - 40px); /* Die Breite des Input-Felds berechnen */
	height: 30px;
	font-family: "Helvetica Neue for IB W01 Rg";
    font-size: 20px;
    line-height: 1.5;
	color: #fff;
	height: 35px;

}




#page-section  h4.grey {
	margin-bottom: 30px;
	font-family:"Helvetica Neue for IB W01 Rg";
	font-size: 14px;
	font-weight: normal;
}


#searchform {
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 30px;
	
}
#searchform::after {
  content: "";
  position: absolute;
  bottom: -2px; /* Abstand des Pseudoelements zum Element anpassen */
  left: 0;
   width: 100%; /* Die Breite des Input-Felds berechnen */
  height: 2px; /* Dicke des Pseudoelements anpassen */
  border-radius: 10px; /* Radius der abgerundeten Ecke anpassen */
  background-color: #fff; /* Farbe des Pseudoelements anpassen */
}
#search_submit {
	width: 30px;
	height: 35px;
	background-color: transparent;
		background-image: url(img/icons/zag_icon_metanavi_suche.png) ;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	right: 0;
	top: 0;
}

body > div.header-menu > div > div > div.flex > div.menuright {
	padding-right: 50px;
}

/* ----------------------------------------------------------------------------top   */


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

}
.flex > div {
	box-sizing: border-box;
	padding: 10px;
}


.flex.zwei > div {
	width: 50%;
		flex-wrap: wrap;
}

.flex.drei > div {
	width: 33.333%;

			flex-wrap: wrap;
}


.flex.vier > div {
	width: 25%;
	flex-basis: 25%;
			flex-wrap: wrap;
}


/* ----------------------------------------------------------------------------top   */




/* ----------------------------------------------------------------------------home */

.teaser-home a {
	font-size: 16px;
    font-family: "Helvetica Neue LT W01_91488938";
}

.teaser-home a:hover {
	color: #e30059;
}



.home-video {

	width: 100%;
	height: auto;
	position: absolute;
	top: 150px;


}


.home-video video {
	display: block;
	width: 100%;

}
.layer-home {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100vh;
	overflow: hidden;




}



div.eincon41 .dropdown .select {
	display: inline-block;
    align-items: center;
    text-align: left;
    height: inherit;
 line-height: 1.3em;
    color: #e30059;
    font-size: 20px;
	color: #000;
	font-family:"Helvetica Neue LT W01_71488914";
	
	    background-image: url(img/icons/zag_pfeil_dropdown_down.svg);
    background-size: 16px;
    background-position: right bottom 7px;
    background-repeat: no-repeat;
	padding-right: 30px;
}


.dropdown {
	line-height: 1;
}





.hierlernen {
	margin-bottom: 100px;
}

.next-veranstaltung  {
	position: fixed;
	bottom: 20px;
	left: 40px;
}

.next-veranstaltung h2,
.next-veranstaltung p{
	margin: 0;
	padding: 0;
	color: #e30059;
}


.next-veranstaltung h2{
  font-family:"Helvetica Neue LT W01_91488938";
	color: #e30059;
}

.layer-no {
	display: block;
	width: 100%;
	min-height: 100vh;
	height: auto;
	background-color: #efede1;
	position:absolute;
	padding-top: 200px;
	top: 0;
	box-sizing: border-box;
	overflow: hidden;
	z-index: 1;
	
}
#sb_instagram {
    position: relative;
}


body > div.layer-bildung.layer-no.lablo_ > div > div > div.flex.drei,
body > div.layer-mich.layer-no > div > div > div.flex,
body > div.layer-zag.layer-no.lablo_ > div > div > div.flex.zwei{
	margin-bottom: 100px;
}


body > div.stickyfooter > div > div > div > div.flex.zwei > div > h3,
body > div.stickyfooter > div > div > div > div.flex.drei > div > h3{
	padding-bottom: 20px;
}







.gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input {
    padding: 8px 20px;
	background-image: url(img/icons/zag_box_hoch.svg);
	 background-size: 100% 100%;
	background-repeat: no-repeat;
	color: #fff;
	    font-size: 16px;
    font-weight: 700;
	font-family: "Helvetica Neue for IB W01 Rg" !important;
	background-color: transparent;
}


/* ----------------------------------------------------------------------------videobottons */
.layer-no {
	display: none;
	position: absolute;
	z-index: 5;
}
body.akk-videobutton_1 .layer-zag {
	display: block;
	
}

body.akk-videobutton_2 .layer-mich {
	display: block;
	
}

body.akk-videobutton_3 .layer-bildung {
	display: block;
	
}

body.akk-videobutton_4 .layer-social {
	display: block;
	
}

body.akk-videobutton_1 .toggle-box.open ,
body.akk-videobutton_2 .toggle-box.open ,
body.akk-videobutton_3 .toggle-box.open ,
body.akk-videobutton_4 .toggle-box.open {

	display: none;
}

body.akk-videobutton_1 .toggle-box-layer.close ,
body.akk-videobutton_2 .toggle-box-layer.close ,
body.akk-videobutton_3 .toggle-box-layer.close ,
body.akk-videobutton_4 .toggle-box-layer.close {

	display: block;
}





.firstv .videobutton_1 {
	    left: 27%;
    top: 9%;
    width: 11%;
    height: 11%;
    position: absolute;
	cursor: pointer !important;
	
	display: block;
	background-color: transparent;
	
	

}

.firstv .videobutton_2 {
	left: 50%;
    top: 9%;
	position: absolute;
	width: 11%;
    height: 11%;
	cursor: pointer !important;

	display: block;
	background-color: transparent;

}

.firstv .videobutton_3 {
	left: 34%;
    top: 21%;
    position: absolute;
    width: 43%;
    height: 11%;
	cursor: pointer !important;
	z-index: 4;
	display: block;
background-color: transparent;

}

.firstv .videobutton_4 {
	    left: 21%;
    top: 33%;
    position: absolute;
    width: 21%;
    height: 11%;
	cursor: pointer !important;

	display: block;
	background-color: transparent;


}







.secondv .videobutton_1 {
	left: 29%;
    top: 8%;
    width: 10%;
    height: 13%;
    position: absolute;
	cursor: pointer !important;
	
	display: block;
	background-color: transparent;

}

.secondv .videobutton_2 {
	left: 56%;
    top: 8%;
	position: absolute;
	width: 11%;
    height: 13%;
	cursor: pointer !important;

	display: block;
	background-color: transparent;

}

.secondv .videobutton_3 {
	left: 43%;
    top: 22%;
    position: absolute;
    width: 31%;
    height: 13%;
	cursor: pointer !important;
	z-index: 4;
	display: block;
background-color: transparent;

}

.secondv .videobutton_4 {
	left: 21%;
    top: 32%;
    position: absolute;
    width: 21%;
    height: 13%;
	cursor: pointer !important;

	display: block;
	background-color: transparent;


}




.layer-mich .flex .left {
	width: 66.666%;
	box-sizing: border-box;
}

.layer-mich .flex .right {
	width: 33.333%;
	box-sizing: border-box;
}



.breadcrump {
	font-size: 14px;
	margin-bottom: 20px;
}

.einleitung_layer,
.einleitung_58{
	width: 58.333%;
}


.flex.zwei .eincon58 {
	width: 58.333%;
}

.flex.zwei .eincon41 {
	width: 41.666%;
	box-sizing: border-box;
	padding-left: 8.333%;
}


.layer-bildung ul.menu > li > ul.sub-menu {
    display: block;
}


.menu-klein {
	list-style-type: none;
}

.menu-klein a {
	font-size: 16px;
	  font-family:"Helvetica Neue LT W01_91488938";
}


img , picture {
	line-height: 0;
	display: block;
}

.menu-klein {
	margin-top: 10px;
}


/* ----------------------------------------------------------------------------tabs */



.subtab-box ul{
	    margin: 0 0 1em 1em !important;
    font-size: 20px !important;
    line-height: 1.3em;
    font-weight: 300;
    font-style: normal;
	 list-style: none;
}

.subtab-box ol,
.einleitung ol {
	    margin: 0 0 1em 1em !important;
    font-size: 20px !important;
    line-height: 1.3em;
    font-weight: 300;
    font-style: normal;
	padding-left:0; list-style-position:outside

}

/*.subtab-box ul li:before {
  	content: "\2022";
  	color: #e30059; 
  	font-weight: bold;
  	display: inline-block;
  	width: 1em; 
 	margin-left: -1em;
	font-size: 16px !important;
}*/

body.page-template-_seite_meineschule > div.stickyfooter > div.container > div > div.section.bereiche > div.sublevel-box > div.box_0.akk > div.flex.bildung > div.box_wrapper > div > div.subtab {
	display: none;
}

/*body.page-template-_seite_meineschule .spezpage >.top-tab  {
 display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr ;
  gap: 30px 20px;
	margin: 0;
}*/

/*body.page-template-_seite_meineschule .spezpage >.top-tab button.akk {
    border-bottom: 0px solid #e30059;
    color: #fff;
}

body.page-template-_seite_meineschule .spezpage >.top-tab button {
    font-size: 24px;
    border: none;
    padding: 0;
    background-color: transparent;
    font-family: "Helvetica Neue LT W01_91488938";
    margin-right: 0px;
    padding-bottom: 5px;
    border-bottom: 3px solid transparent;
    margin-bottom: 0px;
    text-align: left;
	color: #e30059;
	display: block;
	width: 100%;
	box-sizing: border-box;
	background-image:url(img/icons/zag_box_tabs_inaktiv.svg);
	font-size: 18px;
	
}*/
body > footer > div > div > div.socialbox > div > a:hover > object {
	color: #000;
}
.social a:hover .cls-2 {
    fill: #000 !important;
}




body.page-template-_seite_meineschule .top-tab {
	width:75%;
	    box-sizing: border-box;
    padding-right: calc(8.333% + 0px);
}
body.page-template-_seite_meineschule .top-tab button {
	font-size: 18px;
    border: none;
    padding: 0;
    background-color: transparent;
    font-family: "Helvetica Neue LT W01_91488938";
	height: 100%;
    left: 0px;
    right: 0px;
    top: 0;
	position: absolute;
	display: flex;
    justify-content: start;
    align-items: center;
    box-sizing: border-box;
    text-align: left;
    padding-left: 23px;
    cursor: pointer;
	color:#000;
}
body.page-template-_seite_meineschule .top-tab button:hover {
	color: #e30059;
}
body.page-template-_seite_meineschule .top-tab > div {
	box-sizing: border-box;
	padding: 0 10px;
	position: relative;
	line-height: 0;
	margin-bottom: 20px;
}
.top-tab .akk button {
    color: #fff !important;
}
body.page-template-_seite_meineschule .top-tab .cls-1 {
    fill: #fff;
}
.top-tab .akk .cls-1 {
    fill: #e30059 !important;
}
.postnavigation {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 6;
}
.postnavigation object {
	height: 16px;
	
}

.postnavigation .navleft,
.postnavigation .navright{
	display: inline-block;
	width: 28px;
	
	
}
.sublevel-box > div,
.subtab-box > div{
	display: none;
}

.sublevel-box > div.akk,
.subtab-box > div.akk{
	display: block;
}



/*.section.bereiche.spezpage .top-tab {
	width: 75%;
    box-sizing: border-box;
    padding-right: calc(8.333% + 10px);
	
}*/






.flex.bildung > div:nth-child(1) {
	width: 75%;
	box-sizing: border-box;
	padding-right: calc(8.333% + 10px);
}

.flex.bildung > div.right {
	width: 25%;
}
.download-box {
	padding-top: 0px;
}

.samevideowrapper:has(p) {
	margin-bottom:80px;
}
.samevideowrapper {
	margin-bottom:0px;
}
.samevideowrapper > p {
	margin-bottom:0px;
}
.dropdown,
.seitenlink,
.pdf_einzel{
	margin-bottom: 20px;
}


.dropdown ul {
	list-style-type: none;
}

.icon-down {
	width: 50px;
	box-sizing: border-box;
	margin-right: 10px;
}

.dropdown .sub a {
	font-size: 14px;
}

.dropdown .sub {
	background-color: #fff;
	padding: 10px;
	display: none;
}
.dropdown > ul > li {
	line-height: 1.3;
	font-size: 14px;
	padding-bottom: 5px;
	padding: 5px;
	border-radius: 5px;

}

.dropdown > ul > li:hover {
	background-color: #efefef;
	padding: 5px;

}



.dropdown .sub a {
	
	padding-left:  20px;
	background-image: url("img/icons/zag_pfeil_rechts.svg");
	background-repeat: no-repeat;
	background-position: left top 5px;
    background-size: 12px;
    display: block;
}




.dropdown .sub a[href$=".pdf"] { 
 	background-image: url("img/icons/zag_pfeil_unten.svg");
	background-size: 7px;
}



.dropdown  {
	position: relative;
	
}
.dropdown .sub  {
	position: absolute;
	top: 60px;
	width: 100%;
	z-index: 500;
	
}

.dropdown .select ,
.seitenlink .select a ,
.pdf_einzel .select a {
	 display: flex;

  align-items: center;
	text-align: left;
	height: 50px;
	  font-family:"Helvetica Neue LT W01_91488938";
	color: #e30059;
	font-size: 20px;
	hyphens: auto;
	
}
.pdf_einzel .select a span {
		background-image: url("img/icons/zag_pfeil_unten.svg");
	background-size: 16px;
	background-position: right bottom 7px;
	background-repeat: no-repeat;
	padding-right: 35px;
	display: block;
	  font-family:"Helvetica Neue LT W01_91488938";
}

.dropdown .select > span {
	/*background-image: url("img/icons/zag_pfeil_dropdown_down.svg");
	background-size: 16px;
	background-position: right bottom 7px;
	background-repeat: no-repeat;
	padding-right: 25px;*/
	font-family:"Helvetica Neue LT W01_91488938";
	width: 100%;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	display: inline-block;
	hyphens: auto;
}
.dropdown .select > span:after {
	background: url("img/icons/zag_pfeil_dropdown_down.svg") no-repeat right bottom;
	background-size: 16px;
	margin-left:16px;
	height:16px;
	width:16px;
	content:'';
	position: absolute;
}

.seitenlink .select a > span {
	
	background-position: right bottom 5px;;
	background-repeat: no-repeat;
	padding-right: 35px;

	  font-family:"Helvetica Neue LT W01_91488938";
	display: block;
}


.seitenlink .select a > span::after {
	content: '';
		background-image: url("img/icons/zag_pfeil_rechts.svg");
  background-size: 25px;
    margin-left: 0px;
    height: 25px;
    width: 25px;
    content: '';
    position: absolute;
	background-position: right bottom 5px;
	background-repeat: no-repeat;
	margin-left: 16px;


	
}



.dropdown.roh .select {
	padding-right: 30px;
		background-image: url("img/icons/zag_pfeil_dropdown_down.svg");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 16px;
	display: inline-block;
	height: auto;
	font-family:"Helvetica Neue for IB W01 Rg";
	color: #000;
}

.dropdown.roh.akk-dropdown  .select {
	background-image: url("img/icons/zag_pfeil_dropdown_up.svg");
}
.dropdown.roh  .sub {
	top: 40px;
}

.dropdown .sub{
	border-radius: 5px;
	border: 1px solid #bab9ba;
}

.dropdown.akk-dropdown .sub{
	display: block;
}


.linkred20.seitenlink {
		display: inline-block;
	background-image: url("img/icons/zag_pfeil_rechts.svg");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 20px;
	padding-right: 30px;
	margin-bottom: 10px;
	text-decoration: none;
}


.linkred20 {
	font-size: 20px;
		color: #e30059;
}
.link_ver {
		font-size: 16px;
	color: #000;
	line-height: 1.3;
	font-family:"Helvetica Neue for IB W01 Rg";
	letter-spacing: 0;
}

.link_ver a {
	border: none;
	background-color: transparent;
	padding: 0;
	font-size: 14px;
	color: #000;
	line-height: 1;
	font-family:"Helvetica Neue for IB W01 Rg";
	letter-spacing: 0;
	
	
}

div.samevideowrapper > aa.readmore {
	font-size: 16px;
}

div.flex.bildung > div.right {
	padding: 10px 10px 10px 0;
	box-sizing: border-box;
}



a.readmore {
	border: none;
	background-color: transparent;
	padding: 5px 33px 5px 0;
	font-size: 18px;
	background-image: url("img/icons/zag_pfeil_rechts.svg");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 24px;
	 color: #e30059;
	font-family:"Helvetica Neue LT W01_71488914";
	
	
}

a:hover  button.readmore {
	border: none;
	background-color: transparent;
	padding: 5px 33px 5px 0;
	font-size: 18px;
	background-image: url("img/icons/zag_pfeil_rechts_hover.svg");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 24px;
	 color: #000;
	font-family:"Helvetica Neue LT W01_71488914";
	
	
}

a button.readmore {
	border: none;
	background-color: transparent;
	padding: 5px 33px 5px 0;
	font-size: 18px;
	background-image: url("img/icons/zag_pfeil_rechts.svg");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 24px;
	 color: #e30059;
	font-family:"Helvetica Neue LT W01_71488914";
	
	
}


strong, bold, strong span {
	font-family:"Helvetica Neue LT W01_91488938";
	font-weight: normal;
}


.subtab-box {
	margin-bottom: 40px;
}


.ausbildung p,
.einleitung p,
.einleitung_layer p{
	font-size: 20px;
}

.sb-wall {
	margin: 0 -10px;
}

body > div.stickyfooter > div.layer-zag.layer-no.lablo_ > div > div > div.flex.zwei > div > a > picture > img {
	margin-bottom: 20px;
}



/* ----------------------------------------------------------------------------stellen */

h2.subheading {
	font-size:32px;
	margin-bottom:40px;
}
.stellen h2 {
	padding-bottom:0;
}
.stellen .linkred20.seitenlink {
	margin-bottom:0;
}
.menu-news-container a {
	width: 100%;
	height: 100%;
	display: block;
	line-height: 1.8 !important;
}

body.page-template-_stellen,
body.single-stellenzag {
    background-color: #e5d8dc;
    padding: 0;
    margin: 0;
}
.stellenbox .stelle > div,
.stellenbox .stelle > a > div {
	padding: 5px 0;
}

.stellenbox {

	margin-top: 20px;
}
.stellenbox .stelle {
	border-bottom: 1px solid #CCC;
margin: 0;}
.stellenbox .stelle p {
	
margin: 0;
padding: 0;}
/* ----------------------------------------------------------------------------video */

.videowrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
	margin-bottom: 60px;

}
.videowrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.imagebox {
	overflow: hidden;
	border-radius: 5px;
	position: relative;
	margin-bottom: 15px;
}

.videoplayer {
	width: 50px;
	position: absolute;
	height: 50px;
	z-index: 2;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}


 div.flex.bildung {
	margin-bottom: 60px;
}

.wb-kurse {
	display: none;
}

.sociallink {
	    position: absolute;
  
    width: 79%;
    height: 73%;
    top: 17%;
    left: 20%;
}



.page-template-_kontakt .einleitung {
    margin-bottom: 0px;
}


.page-template-single_wb .box_wrapper .subtab-box .contentbox.anm_form:not(.yesform).keine_kurse {
	display: block;
}
.page-template-single_wb .box_wrapper .subtab-box .contentbox.anm_form.yesform .keine_kurse {
	display: none;
}



.page-template-single_wb .box_wrapper .subtab-box .contentbox.anm_form .gform_wrapper {
	display: none !important;
}

.page-template-single_wb .box_wrapper .subtab-box .contentbox.anm_form.yesform .gform_wrapper {
	display: block !important;
}



.page-template-single_blm .box_wrapper .subtab-box .contentbox.anm_form:not(.yesform).keine_kurse {
	display: block;
}
.page-template-single_blm .box_wrapper .subtab-box .contentbox.anm_form.yesform .keine_kurse {
	display: none;
}



.page-template-single_blm .box_wrapper .subtab-box .contentbox.anm_form .gform_wrapper {
	display: none !important;
}

.page-template-single_blm .box_wrapper .subtab-box .contentbox.anm_form.yesform .gform_wrapper {
	display: block !important;
}




/* ----------------------------------------------------------------------------swipebox */


div.section.galerie > div.swipe.swipebox > div.galerie-img {
	width: 25%;
	padding: 20px;
	box-sizing: border-box;
}

div.section.galerie > div.swipe.swipebox > div.galerie-img img {
	border-radius: 7px;
}


div.section.galerie > div.swipe.swipebox  {
	display: flex;
	margin: 0 -20px;
}


/* ----------------------------------------------------------------------------slick slider */
.slidepadding {
	padding: 10px 30px !important;
}
.slick-slider .slick-prev {
	background-image: url(img/icons/zag_pfeil_left.svg);
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	width: 20px;
	height: 60px;
	top: 50%;
	z-index: 999;
}
.slick-slider .slick-prev:hover  {
	background-image: url(img/icons/zag_pfeil_leftweiss.svg);
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	width: 20px;
	height: 60px;
	top: 50%;
}


.slick-slider .slick-next {
	background-image: url(img/icons/zag_pfeil_right.svg);
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	width: 20px;
	height: 60px;
	top: 50%;
	z-index: 999;
}

.slick-slider .slick-next:hover {
	background-image: url(img/icons/zag_pfeil_rightweiss.svg);
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	width: 20px;
	height: 60px;
	top: 50%;
}





/* ----------------------------------------------------------------------------video */


body.page-template-_seite,
body.page-template-_seite_meineschule{
	/*background-color: #e5d8dc;*/
	background-color:#d6ddde;
}




/* ----------------------------------------------------------------------------ubersicht */
.single-veranstaltungen .eincon > p  {
	font-size: 20px !important;
}
.single-veranstaltungen .eincon > p a  {
	text-decoration: underline;
}


.section.ubersicht{
	margin-bottom: 60px;
}

.eincon {
	padding-top: 200px !important;
}

/* ----------------------------------------------------------------------------bereichseiter */

.section.bereichsleiter {
	margin-bottom: 60px;
}
.portraitbox img {
	overflow: hidden;
	border-radius: 48px 30px 48px 30px;
	width: 82px;
	box-sizing: border-box;
}

.section.bereichsleiter  .portraitbox  {
	width: 102px;
}
.section.bereichsleiter  .rechts  {
	flex: 1;
}

.tit-leiter {
	height: 40px;
	font-size: 18px;
	font-family:"Helvetica Neue LT W01_71488914";
}

/* ----------------------------------------------------------------------------buttons */



.top-tab:has(button) {
	margin-bottom: 20px;
}



.top-tab button {
	font-size: 24px;
	border: none;
	padding: 0;
	background-color: transparent;
	  font-family:"Helvetica Neue LT W01_91488938";
	margin-right: 20px;
	padding-bottom: 5px;
	border-bottom: 3px solid transparent;
	margin-bottom: 20px;
	text-align: left;
	cursor:pointer;
	color:#000;
}

.top-tab button.akk {
	border-bottom: 3px solid #e30059;
	color: #e30059;
}


.subtab button {
	font-size: 18px;
	border: none;
	padding: 0;
	background-color: transparent;
	  font-family:"Helvetica Neue LT W01_91488938";

}

.menu-item img._before, .rtl .menu-item img._after {
    margin-right: 0.75em;
}
.subtab.flex {
	margin-bottom: 40px;

}
.subtab.flex > div {
	width: 33.333%;
	
	box-sizing: border-box;
	padding: 0  10px;
	position: relative;
	line-height: 0;
	margin-bottom: 20px;

}

.subtab.flex button {
	display: flex;
	 justify-content: start;
  align-items: center;
	box-sizing: border-box;
	text-align: left;
    padding-left: 23px;
	cursor:pointer;
	color:#000;
}

.subtab.flex > div:not(.akk) button:hover { 
	color: #e30059;
	
} 
.icon-klein {
    width: 14px;
    box-sizing: border-box;
    margin-right: 10px;
}



.subtab button {
	position: absolute;
		 justify-content: center;

  align-items: center;

	height: 100%;
	left: 0px;
	right: 0px;
	top: 0;
	display: block;

}

.subtab .cls-1 {
   fill: #fff;
}

.subtab .akk .cls-1 {
    
	fill:#e30059;
}

.subtab.flex .akk button {

	color: #fff;



}

.gesicht > div {
	flex-wrap: nowrap;
}
.gesichterfilter  .cls-1 ,
.gesichterfilter  .button-red h2 {
    fill: #fff;
	color: #e30059;
}


.gesichterfilter .akk .cls-1,
.gesichterfilter .akk .button-red h2{
    fill: #e30059;
	color: #fff;
}


.gesichterfilter  .button-red h2 {
	display: flex;
  	align-items: center;
}





.pfeil_red span {

	
	font-size: 24px; 
	 font-family:"Helvetica Neue LT W01_91488938";
	color: #fff;
	 display: flex;

  align-items: center;
	min-height: 90px;
	box-sizing: border-box;
	padding-left: 20px;
	margin-bottom: 20px;
	
}

.redbutton  {
	position: relative;
	line-height: 1;
		margin-bottom: 20px;
}


.redbutton .text  {
	display: block;
	width: 100%;
	position: absolute;
	   top: 50%;
    transform: translate(-0%, -50%);
	height: auto;
	min-height: inherit;

}




.pfeil_red {
		background-image: url("img/icons/zag_pfeil_rechts.svg");
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 30px;
}


/* 
.pfeil_red_flex {
	  background-image: url("img/icons/zag_pfeil_rechts.svg");
    background-repeat: no-repeat;
    background-position: right 10px bottom 10px;
    background-size: 30px;

}
*/

.pfeil_red-p {
	width: 25px;
	display: inline;
	transform: translateY(6px);
    margin-left: 5px;
}

.layer-zag .flex > div {
	margin-bottom: 40px;
}

.ausbildung  {
	padding-bottom: 18px !important;
			background-image: url("img/icons/zag_pfeil_rechts.svg");
	background-repeat: no-repeat;
	background-position: right 10px bottom 0px;
	background-size: 30px;
	margin-bottom: 30px;
	position: relative;
}
.ausbildung:hover  {

			background-image: url("img/icons/zag_pfeil_rechts_hover.svg");
	background-repeat: no-repeat;
	background-position: right 10px bottom 0px;

}

.ausbildung a {
	position: relative;
}

.button-red {
	position: relative;
	margin-bottom: 20px;
	line-height: 0;
	
}
.button-red h2 {
	position: absolute;
	 top: 50%;
  left: 0%;
  transform: translate(-0%, -50%);
	width: 100%;
	box-sizing: border-box;
	padding: 0 20px;
	min-height: 2em;
	line-height: 1.2;
	color: #fff;

}
	




.ausbildung:hover .button-red #Ebene_1 > path {
    fill: #fff; /* Hier die gewünschte Farbe einsetzen, z.B. Rot (#FF0000) */
}

.ausbildung:hover .button-red h2 {
    color: #e30059
}





/* ---------------------------------------------------------------------------- Berufslehre */

body.page-template-_bl-page {
	background-color: #d5dddf
}


.einleitung {
	margin-bottom: 60px;

}


.maillink {

    font-size: 16px;
    line-height: 1em;
    font-weight: 300;
    font-style: normal;
	color: #e30059;
}

div.section.bereichsleiter  div.rechts {
	line-height: 1;
}

div.section.bereichsleiter   p {
	margin: 0 !important;
}

¨




/* ----------------------------------------------------------------------------footer   */
#menu-footer {
	list-style-type: none;
}

#menu-footer li,
#menu-impressum li{
	display: inline-block;
}

#menu-footer li a:hover {
	color: #e30059;
}
#menu-footer li a  {
	font-family:"Helvetica Neue LT W01_91488938";
	font-size: 16px;
	padding-right: 6px;
}

#menu-footer li a:after  {
font-family:"Helvetica Neue for IB W01 Rg";
	content: 'I';
	padding-left: 10px;
	color:#e30059;
	
}
#menu-footer li:last-child a::after  {
font-family:"Helvetica Neue for IB W01 Rg";
	content: '';
	padding-left: 10px;
	
}

.linkred20:hover {
	color: #000;
}


#menu-impressum li a  {
font-family:"Helvetica Neue for IB W01 Rg";
	font-size: 16px;
	padding-left: 6px;
}


#menu-impressum li a:after  {
font-family:"Helvetica Neue for IB W01 Rg";
	content: 'I';
	padding-left: 10px;
	color:#e30059;
}
#menu-impressum li:last-child a::after  {
font-family:"Helvetica Neue for IB W01 Rg";
	content: '';
	padding-left: 0px;
	
}




.socialbox {
	position: absolute;
	right: 10px;
	top:10px ;
	padding: 0px 0 20px 0;
}



body > footer > div > div > p {
	margin-top:  22px;
}


.footer  p{
	font-size: 16px;
	
}

.footer {
	background-color: #fff;
	width: 100%;
    position: relative;
    display: block;
    box-sizing: border-box;
    padding: 30px 100px 60px 100px;
	height: 160px;
}


.footer .flex > div:nth-child(1) {
	width: 70%
	
}

.footer .flex > div:nth-child(2) {
	width: 30%
	
}
.footer  .social {
	text-align: right;
}

.footer  .social > a {
	width: 30px;
	display: inline-block;
}


.footer, .push {
	height: 160px;
}


.stickyfooter {
	margin-bottom: -160px;
	min-height: 100vh;
	display: block;
	width: 100vw;
		overflow-x: hidden;
	position: relative;
	
}

.page-template-_blog .sb-wall {
    margin: 0 -0px;
}







   /* ----------------------------------------------------------------------------1400   */

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

.container {
    width: 100%;
    position: relative;
    display: block;
    box-sizing: border-box;
    padding: 0 50px;
    margin: 0;
}

	
		.footer {
    background-color: #fff;
    width: 100%;
    position: relative;
    display: block;
    box-sizing: border-box;
    padding: 20px 50px 60px 50px;
    height: 160px;
}
	
	
	
	
}
	




	
   /* ----------------------------------------------------------------------------1200   */
    
@media all and (max-width: 1150px) {
	
		
	.subtab.flex > div,
	.flex.drei > div {
    width: 50%;

}
	
	
	
	
  }  /* end max 1024px   */
  
  
  
      /* ----------------------------------------------------------------------------1100   */
    
@media all and (max-width: 1100px) {
	
	
	
	
  }  /* end max 1024px   */
  
  
  
    /* ---------------------------------------------------------------------------1000   */
    
@media all and (max-width: 1000px) {
	.stickyfooter {
    margin-bottom: 00px;
    min-height: 100vh;
    display: block;
    width: 100%;
}
	body > div.stickyfooter > div.layer-zag.layer-no.lablo_ > div > div > div.flex.zwei,
	body > div.stickyfooter > div.layer-bildung.layer-no.lablo_ > div > div > div.flex.drei{
		display: block;
		margin: 0;
	}
	body > div.stickyfooter > div.layer-zag.layer-no.lablo_ > div > div > div.flex.zwei > div,
	body > div.stickyfooter > div.layer-bildung.layer-no.lablo_ > div > div > div.flex.drei > div{
		width: 100%;
		margin-bottom: 50px;
	}
	
	body.page-template-_seite_meineschule > div.stickyfooter > div.container > div > div.section.bereiche.spezpage > div.sublevel-box > div.box_0.akk > div.flex.bildung > div.right {
		margin-top: 0 !important;
	}
	
	
	
	
.secondv .videobutton_1 {
   left: 39%;
    top: 2%;
    width: 26%;
    height: 7%;
}
	
.secondv .videobutton_2 {
left: 42%;
    top: 9%;

    width: 18%;
    height: 5%;
}	
.secondv .videobutton_3 {
left: 16%;
    top: 19%;
    position: absolute;
    width: 56%;
    height: 11%;
}	
.secondv .videobutton_4 {
        left: 16%;
    top: 30%;
    position: absolute;
    width: 55%;
    height: 7%;
}	

	
	
	
	.firstv .videobutton_1 {
   left: 44%;
    top: 3%;
    width: 26%;
    height: 7%;
}
	
.firstv .videobutton_2 {
left: 55%;
    top: 10%;

    width: 18%;
    height: 5%;
}	
.firstv .videobutton_3 {
    left: 22%;
    top: 21%;
    position: absolute;
    width: 56%;
    height: 6%;
}	
.firstv .videobutton_4 {
     left: 23%;
    top: 30%;
    position: absolute;
    width: 43%;
    height: 8%;
}	
	
	
.einleitung_layer, .einleitung_58 {
    width: 100%;
}	
	
	
	
	
	body.page-template-_gesichter_kommission > div.stickyfooter > div.container.minheight > div > div.controls > div {
    margin-left: 00%;
    padding-left: 0px;
}
	
	.bereichsleiter > div {
		margin-bottom: 50px;
	}
	
	
.flex .ausbildung {
   padding: 10px;
}	
	
	body.page-template-_seite_meineschule .top-tab > div {
		min-width:300px;
	}
	.single-veranstaltungen .eincon {
		width: 100% !important;
	}
	#menu-news {
		flex-direction: column;
	}
	#menu-news li {
		margin-bottom:20px;
		height:auto;
	}
	.page-template-_news .einleitung,
	.page-template-_blog .einleitung {
		margin-bottom: 20px;
	}
	.kontaktteaser.flex.drei > div,
	.flex.bildung > div.right {
		width:100%;
	}
	.single-news .flex {
		margin:0;
	}
	.single-news .flex.zwei > div{
		width:100%;
	}
	.single-news .einleitung_58 {
		padding-top: 30px;
		width:100%;
	}
	.single-news .postnavigation {
		left:0;
		right:auto;
	}
	body.page-template-_seite_meineschule .top-tab {
		overflow-x: auto;
		flex-wrap: nowrap;
		width:100%;
	}
	body.page-template-_seite_meineschule .subtab-box {
		height: auto !important;
		overflow: auto !important;
		margin-left: 0 !important;
		padding-left: 0 !important;
		white-space: unset !important;
	}
	h2.subheading {
		font-size: 26px;
		margin-bottom: 30px;
	}
	
	.socialbox {
    position: relative;
    right: 10px;
    top: 10px;
}
	
.footer .social {
    text-align: left;
	padding-left: 10px;
}	
	
	
	.flex.zwei .eincon41 {
    width: 41.666%;
    box-sizing: border-box;
    padding-left: 0%;
}
	

	
.einleitung	.flex {
    display: flex;
    margin-left: -0px;
    margin-right: -0px;
    flex-wrap: wrap;
}

	
	div.einleitung > div.flex.zwei {
		display: block;
	}
	
	div.einleitung > div.flex.zwei > div {
    width: 100%;
    flex-wrap: wrap;
}
div.einleitung > div.flex.zwei >.einvid video {
    height: auto;
    width:100%;
	/*width: calc(100% + 100px);*/
    padding-left: 0px;
    box-sizing: border-box;
}
div.einleitung > div.flex.zwei >.einvid  {
   margin: 0 -30px;
   width: calc(100% + 60px);
   overflow: hidden;
}	
	
	
	div.flex.bildung {
        display: block;
    margin-left: -0px;
    margin-right: -0px;
    flex-wrap: wrap;
	
}
	
.flex.bildung > div:nth-child(1) {
    /*width: calc(100% + 30px);*/
	width:100%;
    box-sizing: border-box;
    padding: 0;
}	

	.subtab.flex > div {
    /*width: 300px;
	display: inline-block*/
	min-width: 300px;
    box-sizing: border-box;
    padding: 0 10px;
    position: relative;
    line-height: 0;
}
	div.flex.bildung > div.box_wrapper > div:nth-child(2) {
		margin-top: 30px;
			
	}	
	
	/*div.flex.bildung > div.box_wrapper > div:nth-child(1) {
	height: 50px;
	overflow: scroll;	
	margin-left: -50px;
	padding-left: 50px;
	white-space: nowrap;
	}*/
	

	.subtab.flex {
    margin-bottom: 0px;
}
	
	
	
	div.flex.bildung > div.right {
    padding: 0px ;
}
	
.flex > div {
    box-sizing: border-box;
    padding: 0px;
	margin-left:0px;
    margin-right: 0px;
}
	div.section.bereichsleiter.flex.drei > div > div.flex	{
		margin: 0;
	}
	
.subtab.flex {
    overflow-x: auto;
    flex-wrap: nowrap;
}
	
	div.section.bereichsleiter.flex.drei {
		    margin-left: -0px;
    margin-right: -0px;
	}
	
.footer {
    background-color: #fff;
    width: 100%;
    position: relative;
    display: block;
    box-sizing: border-box;
    padding: 20px 30px 60px 30px;
    height: auto;
}
h2, h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1;

}	
	
	

.top-tab button {
    font-size: 18px;
    border: none;
    padding: 0;
    background-color: transparent;
    font-family: "Helvetica Neue LT W01_91488938";
    margin-right: 20px;
    padding-bottom: 5px;
    border-bottom: 3px solid transparent;
    margin-bottom: 10px;
	display: block;
	cursor:pointer;
}
	
	
.container {
    width: 100%;
    position: relative;
    display: block;
    box-sizing: border-box;
    padding: 0 30px;
    margin: 0;
}	
ul.menu > li ul.sub-menu li {
    padding: 0 0 25px 0;
}
	
	
	
	body > div.header-menu > div > div > div.flex {
		margin: 0;
		padding-bottom: 50px;
	}
		div.section.news.flex.drei > div {
		width: 50%;
			padding: 10px;
}
	
	div.section.hierlernen.flex.zwei {
		display: block;
	}
	div.section.hierlernen.flex.zwei > div {
		width: 100%;
	}
	
	
	
		div.flex.vier.gesichterfilter {
		flex-wrap: wrap;
	}	

	div.flex.vier.gesichterfilter	> div {
		width: 100%;
		flex-basis: 100%;
		flex-wrap: wrap;
		padding: 10px;
	}
	
	div.flex.vier.gesichterfilter	.button-red {
    position: relative;
    margin-bottom: 0px;
    line-height: 0;
}
	.section.gesichter.flex.drei {
		margin: 0;
	}
	.section.gesichter.flex.drei > div {
		width: 50%;
	}
	
	
	.gesicht div.flex {
		margin: 0 0 20px 0;
	}
	
	
	.gesicht div.flex .rechts {
		padding-left: 10px;
	}
	
	
	
} /* ende */
  


  /* ---------------------------------------------------------------------------900   */
    
@media all and (max-width: 900px) {
	
	
	#filter-result #grid .size-1of2,
	.stellen #grid .size-1of2 {
 
    width: 100%;
    flex-basis: 100%;
    box-sizing: border-box;
    padding: 10px;
}	
	
	
	
	
	.toggle-box.close, .toggle-box-layer.close {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 30px;
    right: 0px;
    cursor: pointer !important;
    z-index: 1000;
    display: none;
    outline: none;
}
	
	
	
	
	div.section.bereichsleiter.flex.drei {
    margin-left: 0px;
    margin-right: 0px;
		display: block;
}
	div.section.bereichsleiter.flex.drei > div {
  width: 100%;
}	
		.menuleft {
    width: 100%;
}
	
	
	body > div.header-menu > div > div > div.flex {
		display: block;
	}	
	
	.menuright {
    width: 100%;
}
	
	ul.menu > li > a {
    font-family: "Helvetica Neue LT W01_91488938";
    font-size: 30px;
    line-height: 1.5;
}
	
	ul.menu > li.current-menu-ancestor > ul.sub-menu a {
    font-size: 20px;

}
element.style {
}
body > div.header-menu > div > div > div.flex > div.menuright {
    padding-right: 0px;
}
	
	
	
.section.ubersicht.flex > div {
	width: 50%;
	
}	
	


	
	
	
}	 /* ende */
	
  
   /* ----------------------------------------------------------------------------750   */
    
@media all and (max-width: 750px) {
	
	
		
		div.section.news.flex.drei > div {
		width: 100%;
			padding: 10px;
}
	
	
	
	
	.section.ubersicht.flex  {
	display: block;
	
}	

.bereichsleiter .flex.drei > div {
    width: 100%;
    flex-wrap: wrap;
}
.section.ubersicht.flex > div {
	width: 100%;
	
}	
	
	
} /* ende */
  
   /* ----------------------------------------------------------------------------650   */
    
@media all and (max-width: 650px) {
	
	.section.gesichter.flex.drei > div {
    width: 100%;
}
	
	
  } /* ende */
  
   /* ----------------------------------------------------------------------------550   */
    
@media all and (max-width: 550px) {
	
  } /* ende */


   /* ----------------------------------------------------------------------------450   */
    
@media all and (max-width: 450px) {
	

	
  } /* ende */