/* Fonts */
@import url("fonts.css");

#c1115 > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) {
  margin-top: -35px;
}

.form-label, .control-label {
  float: left;
}

@media (min-width: 576px) {
  .col-sm-9 {
    float: left;
  }
}
.powermail_legend {
  display: none;
}
#c1153 div.container-fluid {
  background-color: #efefef;
  padding-top:15px;
}
 .powermail_confirmation, .powermail_create {
  background-color: #efefef;
  padding: 15px;
}

.powermail_confirmation > h1:nth-child(1) {
  margin-bottom: 0rem !important;
}



#c1096 .gallery-item figure {
	max-width: 85% !important;
	position: absolute !important;
}
.dtsp-searchPane table tbody tr {
  cursor: pointer;
}

/* Tabelle mit datatables für MIT-project */
div.dtsp-panesContainer {
  display: grid;
  background-color: #e6e6e6;
}
.dtsp-searchPanes {
  order: 1;
}
.dtsp-titleRow {
  order: 2;
  background: #fff;
  margin: 0px 10px 6px 10px;
}
div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dtsp-topRow div.dtsp-searchCont input.dtsp-search {
	font-weight: bold;
}
table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
  background-color: #7bb55a;
}
div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dtsp-selected:hover {
  border: 2px solid #7bb55a;
}
div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dtsp-selected {
	border:2px solid #7bb55a;
}
div.dtsp-columns-3 {
	max-width: 33.333%;
}
/* Ende Tabelle mit datatables für MIT-project */
.filelink-body {
	display:grid;
}

.buttonlink{
	align-items: flex-end;
	display:grid;
}


.banner .frame-inner {
	padding-bottom: 10px;
}

/* Slider */

/* .carousel-indicators { */
  /* display: none; */
/* } */
.carousel .carousel-control-icon::before {
  width: 2.2em;
  height: 2.2em;
  border-top: 10px solid rgba(0, 0, 0, 0.5);
  border-right: 10px solid rgba(0, 0, 0, 0.5);
}
.carousel .carousel-control-icon {
  background-color: transparent;
}
/* .carousel-control-prev-icon { */
  /* background-image: none; */
/* } */
/* .carousel-control-next-icon { */
  /* background-image: none; */
/* } */
.carousel-control {
  background-color: transparent !important;
}
.carousel {
  margin-bottom: 28px !important;
}

/* theme-9d071f96785614de444879746849b78977c2e32bbf44a9e98df96547e5660fde.1688393836.css | https://p550612.mittwaldserver.info/typo3temp/assets/bootstrappackage/css/theme-9d071f96785614de444879746849b78977c2e32bbf44a9e98df96547e5660fde.1688393836.css */

:root {
	--contentcontainer-gap: 12px;
	--frame-outer-spacing-before:0.75rem;
}
#c1031 label {
	display: inline-grid;
}

img.mitthumb{
	width:100%;
	height:100%;
	padding-bottom:10px;
}

/* theme-9d071f96785614de444879746849b78977c2e32bbf44a9e98df96547e5660fde.1689078650.css | https://p550612.mittwaldserver.info/typo3temp/assets/bootstrappackage/css/theme-9d071f96785614de444879746849b78977c2e32bbf44a9e98df96547e5660fde.1689078650.css */

.accordion-item .accordion-button {
	color: black;
	font-weight: bold;
	background-color: #f7f7f7;
}

#c3 {
  background-color: #ffc511;
}
#c4 {
  background-color: #7bb55a;
}
#c5 {
  background-color: #bd4382;
}
#c6 {
  background-color: #00a3cf;
}

#c3 .textmedia, #c3 .textpic,
#c4 .textmedia, #c4 .textpic,
#c5 .textmedia, #c5 .textpic,
#c6 .textmedia, #c6 .textpic
 {
  gap: 0px !important; 
}

#c3 h1, #c4 h1, #c5 h1, #c6 h1 {
  margin-bottom: 0 !important;
  padding-bottom: 0.3vw !important;
  padding-top: 0.9vw;
  padding-left: 10px;
  background-size: 2.5vw;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: 0.5vw;
  margin-right: 0.5vw;
}
#c3 h1 {
  background-image: url("/fileadmin/images/symbol_magiccircle.png");
}
#c4 h1 {
  background-image: url("/fileadmin/images/symbol_coolatschool.png");
}
#c5 h1 {
  background-image: url("/fileadmin/images/symbol_spotlight.png");
}
#c6 h1 {
  background-image: url("/fileadmin/images/symbol_fairmobil.png");
}
#c3 h1 a, #c4 h1 a, #c5 h1 a, #c6 h1 a {
	color: white;
	text-transform: none;
}

#c653 a {
	font-weight: bold;
	color: #000000;
}
#c652 a {
	font-weight: bold;
	color: #000000;
}
#c651 a {
  font-weight: bold;
  color: #000000;
}
#c650 a {
  font-weight: bold;
  color: #000000;
}
table.tx_mitprojects tr.odd {
 XXbackground-color: #07070711 !important;
}
table.tx_mitprojects tr.even {
 XXbackground-color: #13131322 !important;
}
table.dataTable tbody th,
table.dataTable tbody td {
  border-top: 2px solid black !important;
}

#mitprojects > thead {
	display: none;
}

.tab-content > .active {
  background-color: #8080803d;
  padding: 15px 25px 0px 28px;
}

.tab-navigation {
  margin-bottom: 0rem; 
}
#tab-1080 {
	background-color: #fecf1c;
	color: white;
}
	#tab-1081 {
	background-color: #9bc65a;
	color: white;
}
#tab-1082 {
	background-color: #d34191;
	color: white;
}
#tab-1083 {
	background-color: #26b6e3;
	color: white;
}
#tab-1084 {
	background-color: #00854e;
	color: white;
}

/* Footer auf Startseite mit Abstand oben */
#c642 {
	margin-top: 10px;
}
#c654 {
	--frame-outer-spacing-before: 0 !important;
}
div.filelink-media a img{
	padding: 4px;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	display: inline-block;
	max-width: 100%;
	height: auto;
	max-height: 150px;
	box-shadow: 1px 1px 5px #cccccc;
}



/* Element | https://www.miteinandern.de/formalia/videotest?no_cache=1#c1028 */

.tx-html5mediakit-media-container > video:nth-child(1) {
  max-width: 100%;
}

table#sprungmarken td {
	min-width:65px;
	vertical-align:top;
	padding:2px 5px;
}
table#sprungmarken {
	background-color: #fff3cd;
	width:100%;
}
table#sprungmarken tr.mc {
	background-color: #ffc511;
	border-top:1px solid grey;
}

#sprungmarkensp td {
	min-width:65px;
	vertical-align:top;
	padding:2px 5px;
}
#sprungmarkensp {
	background-color: #e4e4e4;
	width:100%;
}

/* Element | https://www.miteinandern.de/programm/spotlight/video-spotlight?ADMCMD_simUser=2#c1098 */

#sprungmarkensp {
  background-color: floralwhite;
}

#sprungmarkensp tr.sp {
	background-color: #bd4382;
	border-top:1px solid grey;
}

img.img-thumbnail {
	height: 123px !important;
}
.tx-pits-downloadcenter h1 {
	display: none;
}
.tx-pitxs-downloadcenter .result-wrap h3{
	display: none;
}

.filter43 .preview-box {
    cursor: default !important;
}


.glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.glyphicon-search::before {
    content: "\e003";
}
.glyphicon-circle-empty-plus::before {
    content: "\e082";
	color: #868686;
}
.glyphicon-circle-empty-minus::before {
    content: "\e081";
	color: #7bb55a;
}
.glyphicon-checked::before {
    content:"\e067";
	color: #4d87c7;
}
.glyphicon-unchecked::before {
    content:"\e157";
	color: #ffffff;
}

.catlist{
	list-style-type: none;
}
#c970 .news{
	background-image: linear-gradient(180deg, white 13%, #e7e7e7 0%);
}

.catlist > li a{
	font-family: "Yanone Kaffeesatz";
	font-size: 1.8em;
	font-weight: 800;
	line-height: 1.5em;
	color: #000;
	padding-left: 1.65rem;
}
.catlist > li ul a{
	line-height: 1.25;
	font-size:1em;
	font-weight: 500;
	font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
	padding-left: 10px;
}
.catlist > li ul a.active{
	color: #4d87c7;
	font-weight:bold;
}
.news > ul > li > a.catlink {
	display:none;
} 
.news > ul {
	clear:both;
	display: flex;
	list-style-type: none;
	padding-inline-start: 0px;
	border: 1px solid #000;
} 
li ul.catlist {
	padding-inline-start: 0px;
}

.news > ul > li {
	flex:1;
	margin-left: 0;
	border-right: 2px solid #fff;
	border-left: 1px solid #fff;
} 
.news > ul > ul{
	list-style-type: none;
} 
.news-list-item {
	margin-bottom: 1rem;
}
.news-list-item img,
.news-single img{ 
	object-fit: cover; 
	width: 100%; 
	height: 100%;
}
.lead {
	font-size: 14px;
}

.news-single .thumbnail img{ 
	margin-bottom: 1rem;
}
.pagination {
	justify-content: space-between;
}


/** LAYOUT **/

.gallery-item img, .gallery-item picture {
	border-bottom: 10px solid white;
}


.maincontent-wrap {
	background-color: white;
	border-right: #fff 20px solid;
	border-left: #fff 20px solid;
}

.section-column {
	padding-right:0px;
}

/* UMnbiegen der left2ColumnsVersion */
.backendlayout-subnavigation_right_2_columns .maincontent-wrap, .backendlayout-subnavigation_left_2_columns .maincontent-wrap {
	width: calc(100% / 12 * 9);
}


body.backendlayout-pagets__special_feature .frame {
	padding: 0px 0 0px 0;
}

body, .htmlarea-content-body {
	background-color: #ffffff;
}

#page-header {
  background-color: #ffffff !important;
    xbox-shadow: 1px 5px 11px 0px rgba(0,0,0,0.5);
    x-webkit-box-shadow: 1px 5px 11px 0px rgba(0,0,0,0.5);
    x-moz-box-shadow: 1px 5px 11px 0px rgba(0,0,0,0.5);
}

}
#page-content {
 background-color: #ffffff;
}

.footer-copyright {
	float: left;
	padding: 5px;
	font-size: 0.65rem;
	font-weight:bold;
}
#meta_menu {
	float: right;
	font-size: 0.65rem;
	font-weight:bold;
}
.footer-section-meta .frame-inner > :not(:first-child) {
	margin-top: 0rem; 
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
.footer-section-meta a:not(.btn) {
	color: #000;
}
.footer-section-meta a:not(.btn):hover, .footer-section-meta a:not(.btn):focus {
	color: #000;
}



section.section:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) {
 xxbackground-color: blue;
}
.bp-page-footer .frame  .frame-container .frame-inner {
	color: #000;
	background-color: transparent
}

.bp-page-footer .section-row {
	margin-left: 0px;
	margin-right: 0px;
}

body#p8 .bp-page-footer .section-row {
	display: none;
}


.section-primary + .section-primary {
	border-top: 0px solid #479d89; 
}

/* theme-dc427b61d9c83c1b20b6806e38c288a175ba48facde6a9dab8118c7eef089925.1587403162.css | https://p550612.mittwaldserver.info/typo3temp/assets/bootstrappackage/css/theme-dc427b61d9c83c1b20b6806e38c288a175ba48facde6a9dab8118c7eef089925.1587403162.css */

.bg-white, .navbar-default, .navbar-default-transition, .navbar-default-transition.navbar-transition {
  /* background-color: #fff !important; */
}

/* theme-dc427b61d9c83c1b20b6806e38c288a175ba48facde6a9dab8118c7eef089925.1587403162.css | https://p550612.mittwaldserver.info/typo3temp/assets/bootstrappackage/css/theme-dc427b61d9c83c1b20b6806e38c288a175ba48facde6a9dab8118c7eef089925.1587403162.css */

@media (min-width: 1200px) {
  .container {
    /* max-width: 1140px; */
    max-width: 1180px;
  }
  .frame-container {
    /* max-width: 1140px; */
    max-width: 1180px;
  }
}

.prg_row {
	margin-top:12px;
	max-height: 3.2vw;
}
body#p8 .prg_row{
	max-height:350px;
}

.prg_row .frame-container {
	padding-left:0px;
	padding-right:0px;
	letter-spacing: 0.4px;
	word-spacing: 2px;
	hyphens:auto;
		
}

.prg_row .image {
	margin-bottom: 15px;
}
/* STARTSEITE LOGOREIHE ANFANG */
/* Seitenabstände */
.col1_mc, .col2_cs, .col3_sl, .col4_fm, 
.col1_ph, .col2_ph, .col3_ph, .col4_ph { padding-left: 0px; padding-right: 0px;}
.col1_mc, .col1_ph { margin-right: 6px;}
.col2_cs, .col3_sl, .col2_ph, .col3_ph {margin-right: 6px;margin-left: 6px}
.col4_fm, .col4_ph { margin-left: 6px; }
/* Hintergrundfarben */
.col1_mc { background-color: #ffc511;}
.col2_cs { background-color: #7bb55a;}
.col3_sl { background-color: #bd4382;}
.col4_fm { background-color: #00a3cf;}

.logos .col1_mc, .logos div.col1_mc .frame .frame-container .frame-inner,.logos div.col1_mc figure:hover .caption,
.logos .col2_cs, .logos div.col2_cs .frame .frame-container .frame-inner,.logos div.col2_cs figure:hover .caption,
.logos .col3_sl, .logos div.col3_sl .frame .frame-container .frame-inner,.logos div.col3_sl figure:hover .caption,
.logos .col4_fm, .logos div.col4_fm .frame .frame-container .frame-inner,.logos div.col4_fm figure:hover .caption {
	background-color: #ededed;
}
/* Logoposition */
.logos .col1_mc { border-bottom: 20px solid #ffc511; padding-top:20px; }
.logos .col2_cs { border-bottom: 20px solid #7bb55a; padding-top:20px; }
.logos .col3_sl { border-bottom: 20px solid #bd4382; padding-top:20px; }
.logos .col4_fm { border-bottom: 20px solid #00a3cf; padding-top:20px; }
/* STARTSEITE LOGOREIHE ENDE */

/* STANDARDSEITE LOGOREIHE ANFANG */
/* Seitenabstände */
.col_logo1, .col_logo2, .col_logo3, .col_logo4 { padding-left: 0px; padding-right: 0px;}
.col_logo1 { margin-right: 6px;}
.col_logo2, .col_logo3 {margin-right: 6px;margin-left: 6px}
.col_logo4 { margin-left: 6px; }
/* Hintergrundfarben */
.col_mc { background-color: #ffc511;}
.col_cs { background-color: #7bb55a;}
.col_sl { background-color: #bd4382;}
.col_fm { background-color: #00a3cf;}

.logos .col_logo1, .logos div.col1_mc .frame .frame-container .frame-inner,.logos div.col1_mc figure:hover .caption,
.logos .col_logo2, .logos div.col2_cs .frame .frame-container .frame-inner,.logos div.col2_cs figure:hover .caption,
.logos .col_logo3, .logos div.col3_sl .frame .frame-container .frame-inner,.logos div.col3_sl figure:hover .caption,
.logos .col_logo4, .logos div.col4_fm .frame .frame-container .frame-inner,.logos div.col4_fm figure:hover .caption {
	background-color: #ededed;
}
/* Logoposition */
.logos .col_mc { border-bottom: 20px solid #ffc511; padding-top:26px; }
.logos .col_cs { border-bottom: 20px solid #7bb55a; padding-top:26px; }
.logos .col_sl { border-bottom: 20px solid #bd4382; padding-top:26px; }
.logos .col_fm { border-bottom: 20px solid #00a3cf; padding-top:26px; }

.logos a {
	color: white;
}



/* Element | https://p550612.webspaceconfig.de/index.php?id=13 */


/* STANDARD LOGOREIHE ENDE */



/* DEVSCHMUTZ
.logos div.col1_mc .frame .frame-container .frame-inner .col2_cs { background-color: #7bb55a;}
.col3_sl { background-color: #bd4382;}
.col4_fm { background-color: #00a3cf;}
*/

.row {
/* führt so zu Fehldarstellungen
	background-image: url("../Images/bgleft.png");
	background-color: #F2F2F2;
	background-repeat: repeat-y;
*/	
}

.row {
	xbackground-image: url("/fileadmin/bootstrap/Resources/Public/Images/bgsmall.png");
	background-repeat:repeat-y;
	background-position:20px top;
}
   

.row .subnav-wrap {
	padding-right:0px;
	xbackground-image: url("../Images/bgleft.png");
	display:table-cell;
}

.row .maincontent-wrap {
	border-left-style: solid;
	border-left-width: 1px;
	padding-bottom: 2%;
	padding-left: 5%;
	padding-right: 4%;
	padding-top: 3%;
	background-image: url("../Images/bgright.png");
	background-position: right 0px top;
	display:table-cell;
}

.section {
	padding:0;
}

.section-primary {
	background-color: transparent;
	margin-top:15px;
}

.section-primary .col-sm-3 h1 a{
	color:#ffffff;
	font-size:100%;
}

.section-primary .col-sm-3 p {
	line-height:1.3;
	hyphens:auto;
	-ms-hyphens: auto;
}

.section-primary .col-sm-3 p a{
	color:#444444;
	font-size: 91%;
}

.section-primary .col-sm-3 {
	padding: 15px 15px 10px 15px;
	background-position-x: 94%;
	background-position-y: 94%;
	background-repeat: no-repeat;
	background-size: 80px auto;
	min-height: 285px;
	overflow-x: hidden;
	overflow-y: hidden;
}

.section-primary .col-sm-3:nth-child(1) {
	background-color:#FFC511;
	border-left:20px solid #F2F2F2;
	background-image: url("../../../../images/symbol_magiccircle.png");
}

.section-primary .col-sm-3:nth-child(2) {
	background-color:#7BB55A;
	background-image: url("../../../../images/symbol_coolatschool.png");
}

.section-primary .col-sm-3:nth-child(3) {
	background-color:#BD4382;
	background-image: url("../../../../images/symbol_spotlight.png");
}

.section-primary .col-sm-3:nth-child(4) {
	background-color:#00A3CF;
	background-image: url("../../../../images/symbol_fairmobil.png");
	border-right:20px solid #F2F2F2;
}

.section-primary .col-sm-3:nth-child(1) h4{
	background-image: url("../../../../images/pfeil_gelb.png");
}
.section-primary .col-sm-3:nth-child(2) h4{
	background-image: url("../../../../images/pfeil_gruen.png");
}
.section-primary .col-sm-3:nth-child(3) h4{
	background-image: url("../../../../images/pfeil_pink.png");
}
.section-primary .col-sm-3:nth-child(4) h4{
	background-image: url("../../../../images/pfeil_blau.png");
}

.section-primary .col-sm-3 h4 {
  background-color: #ffffff;
  background-position-x: 95%;
  background-position-y: center;
  background-repeat: no-repeat;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top-width: 0;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.2) inset;
  font-family: "Yanone Kaffeesatz" !important;
  font-size: 1.4em;
  font-weight: 400;
  line-height: 1.5em;
  margin-left: 0;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 0;
  padding-top: 0;
  width: 7.5em;
}

.section-light .col-sm-3 {
	min-height:120px;
}

.section-banner  {
	padding:0 20px 0 20px;
}

.section-banner  .col-md-12 {
	height:unset !important;
}

.section-banner  .image {
	margin-bottom:0px;
}

.section-banner  .image .caption{
	padding-top:0px;
}

.maincontent-wrap .frame {
	padding-bottom: 3.5rem;
	padding-top: 0.4rem;
}

.frame {
	padding-bottom: 0rem;
	padding-top: 0rem;
}

.logos {
	padding-top: 1em;
	padding-bottom: 1rem;
	padding-left:20px;
	padding-right:20px;
}

.footer-section {
	background-color: #ffffff;
}
.footer-section .copyright , .footer-section .meta {
	font-size: 1em;
	padding: 0.3em !important;
}
.footer-section .copyright  {
	text-align:left;
}
.footer-section .meta {
	text-align:right;
}
.footer-section .container  .frame	{
	background-color: #00286D;
}



div.info {
	position:absolute; left:15px; right:0; bottom:0; 
}

.footer-section-meta .meta-menu > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

.banner .image {
	margin-bottom: 0px;
}
.banner .gallery-row:last-child {
	xxmargin-bottom:0rem; 
}
.banner .frame-inner {
	padding-bottom: 10px;
}

.backendlayout-subnavigation_right .subnav-wrap, .backendlayout-subnavigation_left .subnav-wrap {
    padding-top: 1rem;
}
.backendlayout-subnavigation_right .maincontent-wrap, .backendlayout-subnavigation_left .maincontent-wrap {
	padding-top: 1rem;
}
.backendlayout-subnavigation_left_2_columns .subnav-wrap {
    padding-top: 1rem;
}
.backendlayout-subnavigation_left_2_columns .maincontent-wrap {
	padding-top: 1rem;
}

/* Auflösugnsanpassungen */

@media (min-width: 10px) {
	.section-primary .col-sm-3 {
		min-height: 0px;
	}
	.section-primary .col-sm-3:nth-child(1) {
		border-left:0px solid #FFC511;
	}
	.section-primary .col-sm-3:nth-child(4) {
		border-right:0px solid #00A3CF;
	}
	.maincontent-wrap {
		background-position-x: right -20px;
	}
	body.backendlayout-pagets__default_subnavigation_left .section-primary,
	body.backendlayout-pagets__default_subnavigation_left .section-light	{
		display:none;
	}
}

@media (min-width: 768px) {
	.section-primary .col-sm-3 {
		min-height: 334px;
	}
	.section-primary .col-sm-3:nth-child(1) {
		border-left:20px solid #f7f7f7;
	}
	.section-primary .col-sm-3:nth-child(4) {
		border-right:20px solid #f7f7f7;
	}
	.maincontent-wrap {
		background-position-x: right -20px;
	}
	body.backendlayout-pagets__default_subnavigation_left .section-primary,
	body.backendlayout-pagets__default_subnavigation_left .section-light {
		display:block;
	}
}

@media (min-width: 992px) {
	.section-primary .col-sm-3 {
		min-height: 285px;
	}
	.maincontent-wrap {
		background-position-x: right 0px;
	}
}
@media (min-width: 1200px) {
	.section-primary .col-sm-3 {
		min-height: 285px;
	}
	.row {
		xbackground-image: url("/fileadmin/bootstrap/Resources/Public/Images/bg.png");
		background-repeat:repeat-y;
		background-position:20px top;
	}
   
}

/* NAVIGATION */


.navbar-mainnavigation .navbar-brand-image>.navbar-brand-logo-normal {
	display:block;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 77px;
}


.navbar-brand {
  /* display: inline-block; */
  display: contents;
}

.navbar-mainnavigation .navbar-brand-image img {
  transform: unset;
}

.subnav-item {
	position: relative;
	border-top: 3px solid #fff;
	background-color: #e4e4e4;
}
.subnav-nav {
	color: #000;
	font-size: 0.95rem;
	font-weight: bold;
}

.subnav-nav .subnav-nav {
  border-left: 0rem solid #f8f8f8;
  background-color:white;
}
.subnav-nav .subnav-nav .subnav-item{
	border-top: 3px solid #f8f8f8;
  background-color:white;
	font-weight: normal;
}

.subnav-nav .subnav-nav .subnav-nav {
  border-left: 1rem solid #f8f8f8;
  background-color:white;
	font-weight: normal;
	}


.navbar-mainnavigation .navbar-brand-image {
  /* padding-top: 15px; */
  /* padding-bottom: 15px; */
  padding-top: 0px;
  padding-bottom: 0px;
}

.navbar-mainnavigation {
	box-shadow:0 0px 0 0 rgba(0, 0, 0, 0.15); 
}


@media (min-width: 992px) {
  .navbar-mainnavigation .navbar-brand {
    /* height: 130px; */
    height: 115px;
  }
}

@media (min-width: 992px) {
  .navbar-mainnavigation > .container > .collapse > .navbar-nav:last-child, .navbar-mainnavigation > .container-fluid > .collapse > .navbar-nav:last-child, .navbar-mainnavigation > .container-sm > .collapse > .navbar-nav:last-child, .navbar-mainnavigation > .container-md > .collapse > .navbar-nav:last-child, .navbar-mainnavigation > .container-lg > .collapse > .navbar-nav:last-child, .navbar-mainnavigation > .container-xl > .collapse > .navbar-nav:last-child {
    margin-left: 1rem;
    margin-right: auto;
  }
}

.flex-direction-nav a {
  height: 60px;
}

.carousel a:hover {
  background-color: transparent !important;
}


.navbar-default .navbar-nav .nav-link {
  color: rgba(0, 51, 102, 1);
}

.nav > li {
	margin-left: -0.5em  !important;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}


.nav > li > a.active  {
    background-color: #4d87c7;
    color: #fff;
    text-decoration: none;
  }


.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	background-color: #eaeaea;
}

.nav-tabs > li > a {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	line-height: 1.25;
}

.nav-tabs {
	margin-bottom: 0em;
	padding-left:20px;
}

div#hkproj_detail div.tab-content div {
	padding:5px;
}

div#hkproj_detail div.tab-content div.active {
	background-color: #eaeaea;
}
	
.navbar-main > li > .navbar-text, .navbar-main > li > a {
	line-height: 115px;
}

.footer-section-meta a:hover, .footer-section-meta a:focus {
    color: #ccc;
	background:rgba(255,255,255,0.25);
	border-radius:0.2em;
}

div#logo_schulberatung {
    background-image: url("/fileadmin/images/logo_schulpsy_grau.jpg");
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    min-height: 50px;
	min-width: 70px;
	background-size: 75%;
}

div#logo_schulberatung:hover {
    background-image: url("/fileadmin/images/logo_schulpsy.jpg");
}

div#logo_provinzial {
    background-image: url("/fileadmin/images/logo_provinzial_grau.jpg");
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    min-height: 50px;
	min-width: 70px;
	background-size: 85%;
}

div#logo_provinzial:hover {
    background-image: url("/fileadmin/images/logo_provinzial.jpg");
}

div#logo_asb {
    background-image: url("/fileadmin/images/logo_asb_grau.jpg");
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    min-height: 50px;
	min-width: 70px;
	background-size: 55%;
}

div#logo_asb:hover {
    background-image: url("/fileadmin/images/logo_asb.jpg");
}

div#logo_jrk {
    background-image: url("/fileadmin/images/logo_jrk_grau.jpg");
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    min-height: 50px;
	min-width: 70px;
	background-size: 40%;
}

div#logo_jrk:hover {
    background-image: url("/fileadmin/images/logo_jrk.jpg");
}

ul.head_subnavigation{
	list-style-type:none;
	background-color: #525F66;
	padding:0.5em 0;
  margin-bottom: 0em;
}

ul.head_subnavigation li a{
  color: #fffeef;
  font-family: "Yanone Kaffeesatz" !important;
  font-size: 2em;
  font-weight: bold;
  line-height: 1em;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
}

ul.head_subnavigation li a:hover,ul.head_subnavigation li a:focus{
	background-color:transparent;
}


.nav-sidebar {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-attachment: scroll;
  background-clip: border-box;
  background-color: transparent;
  background-image: none;
  background-origin: padding-box;
  background-position-x: 0;
  background-position-y: 0;
  background-repeat: repeat;
  background-size: auto auto;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: 0;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  border-image-slice: 100% 100% 100% 100%;
  border-image-source: none;
  border-image-width: 1 1 1 1;
  border-left-color: currentcolor;
  border-left-style: none;
  border-left-width: 0;
  border-right-color: currentcolor;
  border-right-style: none;
  border-right-width: 0;
  border-top-color: currentcolor;
  border-top-style: none;
  border-top-width: 0;
  list-style-type: none;
  margin-bottom: 1.5em;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.nav.nav-sidebar ul {
	border-left-width: 0px;
}
.nav-sidebar li {
	margin-left:0em;
	font-size:110%;
	line-height:1.15;
}

.nav.nav-sidebar li a{
	padding-left: 30px;
	border:0px;
	transition-duration: 0s;
    color: #000;
}
.nav.nav-sidebar li.active > a {
	color: #000;
	font-weight:bold;
	background-color: #525f66;
}
.nav.nav-sidebar li ul li a{
	padding-left: 60px;
	border:0px;
}
.nav.nav-sidebar li ul li ul li {
	font-size:90%;
}
.nav.nav-sidebar li ul li ul li a{
	padding-left: 90px;
	border:0px;
}
.nav.nav-sidebar li ul li ul li ul li a{
	padding-left: 110px;
	border:0px;
}
.nav.nav-sidebar li ul li ul li ul li ul li a{
	padding-left: 130px;
	border:0px;
}
.nav.nav-sidebar > li > ul::before {
	width:0px;
}

.nav.nav-sidebar li a:active, .nav.nav-sidebar li a:hover, .nav.nav-sidebar li a:focus {
	background-color: #cccccc;
	color: #333333;
}

.nav.nav-sidebar li ul li a:active, .nav.nav-sidebar li ul li a:hover, .nav.nav-sidebar li ull li a:focus {
    background-position-x: 10%;
    background-position-y: center;
    background-repeat: no-repeat;
}
.navbar-header-main .navbar-brand {
	xxheight: 90px;
	xline-height: 90px;
	xpadding-top: 15px;
}
.navbar-main {
	float: left;
}

.navbar-default .navbar-nav > li > a, .navbar-default-transition .navbar-nav > li > a, .navbar-default-transition.navbar-transition .navbar-nav > li > a {
	color: #00286d;
    font-weight: 900;
}

.navbar-main > li > a .bar {
	background-color: rgb(0,102,54);
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background-color: #525F66;
	color: white;
}

.dropdown-menu > li > a[title="Magic Circle"]:hover, .dropdown-menu > li > a[title="Magic Circle"]:focus {
	background-color: #FFC511;
}
.dropdown-menu > li > a[title="Cool at School"]:hover, .dropdown-menu > li > a[title="Cool at School"]:focus {
	background-color: #7BB55A;
}
.dropdown-menu > li > a[title="Spotlight"]:hover, .dropdown-menu > li > a[title="Spotlight"]:focus {
	background-color: #BD4382;
}
.dropdown-menu > li > a[title="Fair Mobil"]:hover, .dropdown-menu > li > a[title="Fair Mobil"]:focus {
	background-color: #00A3CF;
}

.navbar-main > li > .navbar-text, .navbar-main > li > a {
	padding-left: 15px;
	padding-right: 15px;
	text-transform: none;
}

.nav-sidebar li {
  font-size: 100%;
  line-height: 0.75;
}

.subnav-wrap .nav-sidebar li {
  font-size: 110%;
  line-height: 1.15;
}

h2.subnav_level2 {
	margin: 0 0 0 0px;
	color: #000000;
	font-size: 2rem;
	padding-left: 10px;
	padding-bottom: 10px;
	text-transform: uppercase;
}
.box-left {
	padding-bottom: 0px;
	background-color: #035831;
}

.col1_ph a {
	font-weight: bold;
	color: #ffc511;
}
.col2_ph a {
	font-weight: bold;
	color: #7bb55a;
}
.col3_ph a {
	font-weight: bold;
	color: #bd4382;
}
.col4_ph a {
	font-weight: bold;
	color: #00a3cf;
}

@media (min-width: 10px) {
	.navbar-main {
		display:none;
	}
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
	.navbar-main {
		display:block;
		margin-left:15px;
	}
	.navbar-main > li > .navbar-text, x.navbar-main > li > a {
		line-height: 115px;
		xpadding-top: 35px;
		text-transform:none;
		font-size:110%;
	}
	.navbar-header-main .navbar-brand {
		height: 90px;
		line-height: 90px;
		padding-top: 15px;
	}
	.backendlayout-subnavigation_right_2_columns .subnav-wrap, .backendlayout-subnavigation_left_2_columns .subnav-wrap {
		background-color: #00854e;
		border-left: 20px solid #ffffff;
		padding-left: 0px;
	}
	.backendlayout-subnavigation_right .subnav-wrap, .backendlayout-subnavigation_left .subnav-wrap {
		background-color: #00854e;
		border-left: 20px solid #ffffff;
		border-right: 4px solid #ffffff;
		padding-left: 0px;
	}
}
@media (min-width: 1200px) {
  .body-bg-top {
    padding-top: 100px;
  }
}



@media only screen and (min-width : 992px) {
      /* Make Navigation Toggle on Desktop Hover */
    .dropdown:hover .dropdown-menu {
          display: block;
     }
    .nav-item:hover .dropdown-menu {
          margin-top:37px;
		  display: block;
     }
	 .navbar-mainsmart {
		display:none;
	}
	.dropdown-menu > li > a[title="Übersicht"] {
		display:none;
	}
	.nav-sidebar > li > a[title="Übersicht"] {
		display:none;
	}
}


/* CONTENT */

.tx-ws-flexslider {
	margin-bottom: 1rem !important;
}

div.slidercontent .caption-title {
	display: none;
}

figure.view2853 figcaption.overlay2853 {
	background: rgba(0, 80, 145, 0) none repeat scroll 0 0;
	height: 91%;
}
figure.view2853 figcaption.overlay2853:hover {
    background: rgba(255,197,17,0.5) none repeat scroll 0 0;
}

figcaption.overlay2853 div.vcontainer-ro {
    padding-top: 25% !important;
    padding-left: 30% !important;
}

figcaption.overlay2853 .vcontainer-ro h2 {
	color:black;
	font-family: "Source Sans Pro", sans-serif !Important;
	font-size:15px;
	text-transform: uppercase;
	letter-spacing:1px;
}

/*div#c747 */
figure.image a picture img {
-webkit-filter: brightness(100%);
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;	
}

/*div#c747 */
figure.image a picture img:hover {
	-webkit-filter: brightness(100%);
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	transition: 1s ease;
}

.card-img-top {
	margin-bottom: 10px;
	object-fit:contain;
}


div#logo_schulberatung {
	margin-bottom: 30px;
}

div#logo_provinzial {
	margin-bottom: 30px;
}

div#logo_asb {
	margin-bottom: 30px;
}

div#logo_jrk {
	margin-bottom: 30px;
}



.banner .frame-inner, .box-left {
	background-color: #00854e;
}


.banner .frame-container {
	max-width: 1140px;
}

.banner .frame-inner {
	margin-left: -20px;
	margin-right: -20px;
}


/* Element | https://p550612.mittwaldserver.info/index.php?id=8 */

div.modal-content .btn-primary {
  background-color: #006536;
}

/* Element | https://p550612.mittwaldserver.info/index.php?id=8 */

div.modal-content .btn-secondary {
  background-color: #ffc511;
  border-color: #ffc511;
}


figure .caption {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #ffc511;
	overflow: hidden;
	width: 100%;
	height: 0%;
	font-size: 16px;
	transition: 0.0s ease;
	padding: 0px 10px;
	opacity: 0.9;
}
div.col1_mc .frame .frame-container .frame-inner,
div.col1_mc figure:hover .caption {
  background-color: #ffc511;
}

div.col2_cs .frame .frame-container .frame-inner,
.col2_cs figure:hover .caption {
	background-color: #7bb55a;
}
div.col3_sl .frame .frame-container .frame-inner,
.col3_sl figure:hover .caption {
	background-color: #bd4382;
}
div.col4_fm .frame .frame-container .frame-inner,
.col4_fm figure:hover .caption {
	background-color: #00a3cf;
}

html {
  xxbackground-attachment: scroll;
  xxbackground-clip: border-box;
  xbackground-color: rgba(0, 0, 0, 0);
  xbackground-image: linear-gradient(to bottom, #eaeaea 0%, #ffffff 51%, #eaeaea 100%);
  xbackground-origin: padding-box;
  xbackground-position-x: 0;
  xbackground-position-y: 0;
  xbackground-repeat: repeat;
  xbackground-size: auto auto;
}

	div#c6 p{
		hyphens:none;
		-ms-hyphens:none;
	}

	div#c442 h3,div#c441 h3,div#c448 h3,div#c449 h3 {
		margin-top: 0em;
	}
	div#c442 .textpic,div#c441 .textpic,div#c448 .textpic,div#c449 .textpic {
		margin-top: 1em;
	}
	
	div#c372 ul.list-inline {
		margin-left:7px;
	}

	.row.gutter-flex {
		background-image: none;
	}
	
	.textpic.beside-left > .imagewrap, .textpic.intext-left > .imagewrap {
		margin-right: 20px;
	}

	.image {
		margin-bottom: 20px;
	}

	div.section-banner .image img.lazyload {
		transition-duration:0s !important;
	}

	.tx_hk_proj .thumbnail {
		display:inline-block;
		cursor: not-allowed;
	}
	.tx_hk_proj a.thumbnail:hover, .tx_hk_proj a.thumbnail:focus {
		background-color: #FFFFFF;
	}

	.tx_hk_proj td {
		padding-bottom: 10px;
		padding-left: 0;
		padding-right: 15px;
		padding-top: 0;
		vertical-align: top;
	}
	
	.maincontent-wrap li {
		margin-left: -1.5em;
		padding-left: 1em;
	}

	div.searchform {
		float: right;
		padding-right: 0px;
		display: flex;
		flex-direction: row;
		margin-left: auto;
	}

		
		
	}
	div.tx-indexedsearch-form {
		float:left;
		padding: 0 0 0 20px;
	}
	div.tx-indexedsearch-search-submit {
		float:left;
		margin-top:-5px;
	}
	
	input#tx-indexedsearch-searchbox-sword {
		height:30px;
		width:8em;
		font-size:14px;
	}
	
	.maincontent-wrap form#tx_indexedsearch {
		background-color:#dfdfdf;
		padding:10px;
		border-bottom:3px solid #525F66;
	}
	
	.media {
		padding:10px;
	}
	.media:nth-child(even){
		background-color:#ffffff;
	}
	.media:nth-child(odd){
		background-color:#dedede;
	}
	
	
	.section-banner .image > img {
		object-fit:cover;
		xheight:175px;
	}

	.section-banner figure {
		border-bottom: 10px solid #525F66;
	}
	
	.carousel .item {
		max-height: 360px;
		background-color: #006636 !important;
		background-size: contain;
	}
	
	.navbar-default, .navbar-default-transition, .navbar-default-transition.navbar-transition {
		background-color: transparent;
		border-bottom-color: #eeeeee;
	}
	
	.carousel-control {
		background-color: rgba(0,102,54,0.4);
	}

	.carousel a:hover, .carousel a:focus {
		background-color: rgba(0,102,54,0.4);
	}
	
	.carousel-indicators {
		bottom: -14px;
	}
	.section-light .col-sm-3 img {
		filter: grayscale(100%);
		padding-top:40px;
	}
	.section-light .col-sm-3 .image {
		margin-bottom:0px;
	}
	.section-light img:hover {
		filter: grayscale(0%);
	}
	.section-light .col-sm-3:nth-child(3) img {
		padding-top:25px;
		max-width:45%;
	}
	.section-light .col-sm-3:nth-child(4) img {
		padding-top:10px;
		max-width:40%;
	}
	
  textarea,
  pre,
  code,
  kbd,
  samp,
  var,
  tt {
    font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
  }
  body {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    color: #444444;
	#font-size:15px;
  }

h1, h2, h3, h4, h5, h6 {
    color: #000000;
    font-family: "Yanone Kaffeesatz";
}
  
h1 {
	font-size: 2.285714286em;
	font-weight: 900;
	line-height: 0.95;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	padding-bottom: 12px;
	text-transform: uppercase;
}

.maincontent-wrap h1 {
    color: #00854e;
}

h2 {
    font-size: 1.857142
    color: #00854e;
}

h2 {
    font-size: 1.857142857em;
	font-weight: 900;
    line-height: 1.3125;
    margin: 0 0 0.25em 0;
}
h2.element-header {
    font-size: 1.857142857em;
	font-weight: 900;
    line-height: 1.3125;
    margin: 0.5em 0 0 0;
}

  
h3 {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    color: #000000;
	font-weight: 900;
    font-size: 1.142857143em;
    line-height: 1.2;
    xmargin: 1em	 0 0.875em 0;
	margin-bottom: 8px !important;
	padding-bottom: 8px;
}

h3.element-subheader  {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    color: #000000;
	font-weight: 900;
	font-style:	italic;
    font-size: 1em;
    line-height: 1.2;
    xmargin: 1em	 0 0.875em 0;
	margin-bottom: 8px !important;
	padding-bottom: 8px;
}
  
  h4 {
    font-size: 14px;
    line-height: 1;
    margin: 0 0 0.5em 0;
    font-family: "open Sans";
    font-weight: bold;
}
  h5 {
    font-size: 128.57142857143%;
    line-height: 1.1666666666667;
    margin: 0 0 1.1666666666667em 0;
  }
  h6 {
    font-size: 100%;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 0 1.5em 0;
  }


.col1_mc h1  {
	background-image: url("../../../../images/symbol_magiccircle.png");
}
.col2_cs h1  {
	background-image: url("../../../../images/symbol_coolatschool.png");
}
.col3_sl h1  {
	background-image: url("../../../../images/symbol_spotlight.png");
}
.col4_fm h1  {
	background-image: url("../../../../images/symbol_fairmobil.png");
}

.prg_row  h1 a{
	color: white;
	text-transform: none;
}
.prg_row .textpic-below .textpic-text {
	order: 0;
	margin-bottom: 0.2rem;
}

  ul,
  ol,
  dl {
    font-size: 100%;
    line-height: 1.5;
    margin: 0 0 1.5em 0;
  }
  ul {
    list-style-type: disc;
  }
  ol {
    list-style-type: decimal;
  }
  ul ul {
    list-style-type: circle;
    margin-top: 0;
  }
  ol ol {
    list-style-type: lower-latin;
    margin-top: 0;
  }
  ol ul {
    list-style-type: circle;
    margin-top: 0;
  }
  dt {
    font-weight: bold;
  }
  dd {
    margin: 0 0 1.5em 0.8em;
  }
  p {
    font-size: 100%;
    line-height: 1.5;
    margin: 0 0 0.75em 0;
  }
  blockquote,
  cite,
  q {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-style: italic;
  }
  blockquote {
    background: "transparent";
    color: #666666;
    margin: 1.5em 0 0 1.5em;
  }
  strong,
  b {
    font-weight: bold;
  }
  em,
  i {
    font-style: italic;
  }
  big {
    font-size: 114.28571428571%;
    line-height: 1.3125;
  }
  small {
    font-size: 85.714285714286%;
    line-height: 1.75;
  }
  pre,
  code,
  kbd,
  tt,
  samp,
  var {
    font-size: 100%;
  }
  pre {
    font-size: 100%;
    line-height: 1.5;
    margin: 0 0 1.5em 0;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
  }
  pre,
  code {
    color: #880000;
  }
  kbd,
  samp,
  var,
  tt {
    color: #666;
    font-weight: bold;
  }
  var,
  dfn {
    font-style: italic;
  }
  acronym,
  abbr {
    border-bottom: 1px #aaa dotted;
    font-variant: small-caps;
    letter-spacing: .07em;
    cursor: help;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sup {
    top: -0.5em;
  }
  sub {
    bottom: -0.25em;
  }
  mark {
    background: #ff0;
    color: #000;
  }
  hr {
    color: #eee;
    background: transparent;
    margin: 0 0 0.75em 0;
    padding: 0 0 0.67857142857143em 0;
    border: 0;
    border-bottom: 1px #eee solid;
  }
  a {
    color: #4d87c7;
    background: "transparent";
    XXtext-decoration: none;
  }
  a:active {
    outline: none;
  }
  a:hover,
  a:focus {
    xbackground-color: #4d87c7;
    xcolor: #fff;
    text-decoration: none;
  }
  
	.backendlayout-pagets__special_feature a:hover,
	.backendlayout-pagets__special_feature a:focus {
		background-color: transparent;
	}
	
	.backendlayout-pagets__special_feature h4 a:hover,
	.backendlayout-pagets__special_feature h4 a:focus {
		color: #4d87c7
	}
  
  
  img,
  figure {
    margin: 0;
  }




@media (min-width: 10px) {
	.carousel .item {
		max-height: 120px;
	}
	.section-primary .col-sm-3 h1 a {
	  font-size: 70%;
	}
	.section-primary .col-sm-3 p a {
		font-size: 82%;
	}
	.maincontent-wrap {
		border-left-width: 0px;
	}
	.section-primary .col-sm-3 p {
		line-height: 1.3;
		margin-bottom: 10px;
		margin-top:-20px;
		padding-right: 50px;
	}
	div.info {
		bottom: 0;
		left: 0px;
		position: relative;
	}
	body#p81 iframe{
		width:100%;
		height:440px;
	}
	.prg_row h1 {
		font-size: 1rem;
		margin-bottom: 0 !important;
		padding-bottom: 0.3vw !important;
		padding-top: 0.9vw;
		padding-left: 10px;
		background-size: 2.5vw;
		background-repeat: no-repeat;
		background-position-x: right;
		background-position-y: 0.5vw;
		margin-right: 0.5vw;
	}
}

@media (min-width: 768px) {
	.carousel .item {
		max-height: 240px;
	}
	.section-primary .col-sm-3 p {
		margin-top:0px;
		line-height: 1.3;
		padding-right: 0px;
	}
	div.info {
		left: 15px;
		position: absolute;
	}
	body#p81 iframe{
		width:100%;
		height:220px;
	}
	.prg_row  h1 {
		font-size: 2vw;
	}
}

@media (min-width: 992px) {
	.carousel .item {
		max-height: 300px;
	}
	.maincontent-wrap {
		border-left-width: 1px;
	}
	.frame-type-menu_subpages {
		display: none;
	}
}

@media (min-width: 1200px) {
	.carousel .item {
		max-height: 362px;
	}
	.section-primary .col-sm-3 h1 a {
		font-size: 100%;
	}
	.section-primary .col-sm-3 p a {
		font-size: 91%;
	}
}

.textmedia-below .textmedia-gallery, .textpic-below .textmedia-gallery, .textmedia-below .textpic-gallery, .textpic-below .textpic-gallery {
xmargin-top: 1rem;
xmargin-bottom: 2rem;
}

.frame-header > :last-child {
    margin-bottom: 0rem;
}
.container .frame-container {
    margin-bottom: 1rem !important;
}
body {
    font-size: 0.875rem;
}

/* MC-Themengenerator */
form#form1 {
	background-color: #e7e7e7;
	padding: 10px;
	font-size: 120%;
	font-weight: bold;
}

form#form1 div.row {
	margin: 10px 0px 10px -18px;
}

form#form1 div.row div.label {
	width:70%;
}

form#form1 h3 {
	width: 100%;
	padding:10px;
	background-color: #ffc511;
}

/* Accordeon */

.accordion-title-link {
  padding: 0.6rem 1rem;
}

.accordion-title {
  font-size: 1rem;
  font-weight: bold;
}

.accordion-title-link-state::before, .accordion-title-link-state::after {
  height: 3px;
}

a.accordion-title-link {
  color: black !important;
}
.accordion > .card {
    margin-bottom: 0.7rem;
}

.accordion {
	padding-top: 1rem;
}

/* Footer Logos */
.col_logo1 {
	vmargin-right: 0px;
}


.logos  .col {
  padding-right: 0px;
  padding-left: 10px;
}
.logos {
	padding-top: 1em;
	padding-bottom: 1rem;
	padding-left: 10px;
	padding-right: 20px;
}

/* Sliderbox */
@media screen and (min-width: 861px) {
	.tx-ws-flexslider .caption-text {
		width: 240px;
		background-color: transparent;
	}
	p.caption-title {
		font-family: "Yanone Kaffeesatz";
		font-size: 2.285714286em;
		font-weight: 900;
		line-height: 0.95;
		margin-left: 0;
		margin-right: 0;
		margin-top: 0;
		padding-bottom: 12px;
		text-transform: uppercase;
	}
	.caption-wrapper {
		color:white;
	}

}

.flexslider {
	margin: 0 0 0px;
	border: 0px solid #fff;

}


div.xcol1_mc {
    position: relative;
}

div.xcol1_mc a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-decoration: none; /* No underlines on the link */
	z-index: 10; /* Places the link above everything else in the div */
	background-color: #FFF; /* Fix to make div clickable in IE */
	opacity: 0; /* Fix to make div clickable in IE */
	filter: alpha(opacity=1); /* Fix to make div clickable in IE */
}
.col-sm-3, .col-md-3, .col-lg-3, .col-3 {
   xxmax-width: 24.2%;
}

/* Slider */
.carousel a, .carousel a:hover {
    color: white !important;
}
.tx-ws-flexslider .caption-link {
    bottom: 10px;
}
.tx-ws-flexslider .caption-align-right .caption-link {
    right: 42px;
}

button#tx_indexedsearch-searchbox-button-submit {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
	background-color: transparent;
    white-space: nowrap;
    padding: 2px 12px;
    font-size: 16px;
    line-height: 1.55;
    border-radius: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

h4.media-heading {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 150%;
    line-height: 1;
    margin: 0 0 1em 0;
}

/* News Projekte */
.news ul.category-menu-view ul {
    list-style: none;
}
.news li {
    line-height: 1.65;
}

@media (min-width:10px) {
	.prg_row {
		max-height: 1200px !important;
	}
}


/* Anpassunge für Bootstrap_Package Version 14 */


input#tx-indexedsearch-searchbox-sword {
  width: 75%;
}

@media (min-width: 1200px) {
  .body-bg-top {
    padding-top: 0px;
  }
}


.navbar-mainnavigation {
	padding-top: 0;
	padding-bottom: 0;
}

@media (min-width: 992px) {
  .navbar-mainnavigation .navbar-brand-image img {
    /* max-height: calc(var(--mainnavigation-nav-height) * .65); */
  }
}

.navbar-mainnavigation .navbar-brand-image img {
  /* max-height: calc(var(--mainnavigation-nav-height) - 30px); */
}

.navbar {
  /* --bs-navbar-padding-y: 0.5rem; */
}

/* nur für Startseite */
body#p8 .gallery-item figure {
  margin-bottom: -5px;
  display: grid;
}

@media (min-width: 992px) {
  .navbar-mainnavigation {
    --mainnavigation-nav-height: 150px;
  }
}

.navbar-transition .navbar-brand-image img {
  max-height: 40px;
}

.section-row {
  --section-gap-x: 20px;
}

@media (min-width: 992px) {
  .backendlayout-subnavigation_right .subnav-wrap, .backendlayout-subnavigation_left .subnav-wrap {
    border-left: 0px solid #ffffff !IMportant;
  }
}

.maincontent-wrap {
  border-left-color: transparent !important;
}

/* Element | https://p550612.webspaceconfig.de/kontakt/impressum */

li.nav-item > ul {
  margin-top: 36px;
}

/* theme-7be78023540ab1b019623a7fdff675f667dedc294407a4c50d19cf2961920ab2.1736348333.css | https://p550612.webspaceconfig.de/typo3temp/assets/bootstrappackage/css/theme-7be78023540ab1b019623a7fdff675f667dedc294407a4c50d19cf2961920ab2.1736348333.css */

.navbar-mainnavigation .navbar-nav .dropdown-menu {
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0;
  --bs-nav-link-padding-y: 0;
  --bs-nav-link-padding-x: 0;
}

ul[aria-labelledby="nav-item-99"] {
	width: 260px !important;
}


.frame-container {
 --bs-gutter-x: 20px;
}


/* Element | https://p550612.webspaceconfig.de/programm/spotlight/konzept */

#c946 .frame-container, 
#c669 .frame-container, 
#c688 .frame-container, 
#c696 .frame-container,
#c782 .frame-container,
#c702 .frame-container {
  --bs-gutter-x: 40px;
}

/* header ~ div:first-of-type .frame-container { */
  /* --bs-gutter-x: 40px; */
/* } */

#c946 {
  --frame-outer-spacing-before: 0px;
}
.dropdown-nav  li {
	line-height: 2rem;
}
.dropdown-nav  li  a {
	padding-left: 1rem;
	color: white;
}
.dropdown-nav  li  a:hover, .dropdown-nav  li  a:focus {
	background-color: #525F66;
	color: white !Important;
}

.dropdown-nav  li  a[title="Magic Circle"]:hover, .dropdown-nav  li  a[title="Magic Circle"]:focus {
	background-color: #FFC511;
}
.dropdown-nav  li  a[title="Cool at School"]:hover, .dropdown-nav  li  a[title="Cool at School"]:focus {
	background-color: #7BB55A;
}
.dropdown-nav  li  a[title="Spotlight"]:hover, .dropdown-nav  li  a[title="Spotlight"]:focus {
	background-color: #BD4382;
}
.dropdown-nav  li  a[title="Fair Mobil"]:hover, .dropdown-nav  li  a[title="Fair Mobil"]:focus {
	background-color: #00A3CF;
}

.subnav-link {
  color:rgba(0, 0, 0, 0.75) !important;
}

.navbar-mainnavigation .nav-link-indicator::before {
  border-top: 3px solid currentColor !important;
  border-left: 3px solid currentColor !important;
}

.active > .subnav-link {
  color: #000 !important;
}

.active > .subnav-link::before {
  border-left: 4px solid #000 !important;
}

table#sprungmarken {
  font-size: 1.25 !Important;
}

table#sprungmarken tr.mc {
  background-color: #fff !Important;
}

table#sprungmarken td {
	padding: 5px !important;
	line-height: 2;
}
table#sprungmarken a[class=""], table#sprungmarken a:not([class]) {
  color: #000 !Important;
}



/* Element | https://www.miteinandern.de/programm/cool-at-school/fortbildung#c1165 */

div#c1165 .textpic-below > div:nth-child(1) {
  margin-top: -2rem;
}

div.frame-type-menu_subpages {
  margin-bottom: 1rem;
  padding: 1rem 0rem;
  --frame-background: transparent;
}


/* Anpassungen für Menueumbau -- Anfang */
#p81 .subcontent-wrap {
    background-color: #00854e;
    /* border-left: 20px solid #ffffff; */
    border-right: 4px solid #ffffff;
    padding-left: 0px;
  }
}
#p81 .frame-type-menu_subpages {
	display: block !Important;
}
@media (min-width: 992px) {
	#p81 div.frame-type-menu_subpages {
	  margin-bottom: 1rem;
	  padding: 1rem 0rem;
    background-color: transparent;
	  --frame-background: transparent;
	  display: block;
	}
}

/* Anpassungen für Menueumbau -- Ende */