@charset "UTF-8";
/****JRK Design CSS****/

@font-face{font-family:"Quicksand";src:url(":/_fonts/quicksand_jrk/Quicksand-SemiBold.woff");font-weight:normal;font-style:normal}
@font-face{font-family:"Quicksand Bold";src:url(":/_fonts/quicksand_jrk/Quicksand-Bold.woff");font-weight:normal;font-style:normal}

h1 {
	color: #00a0aa !important;
}
.bgjrklogo {background: #fff!important; line-height: 1em!important; padding: 5px; width: 15% !important;}
h2, h3, h4, h5, h6, .flyoutH4 {
	color: #00a0aa;
	font-family: "Quicksand Bold", sans-serif;
}
.blau {
	color: #00a0aa;
}
.rot {
	color: #00a0aa;
}
.bg--blue {
color: #fff;
	background-image: linear-gradient(to right bottom, #00a0aa, #70cacf)!important;
}
.bg--blue h3 {
color: #fff !important;
}
.titel_schule {font-size: 1.28rem; font-family: HelveticaNeueLT, OpenSans_Light, Arial, Helvetica, sans-serif; color: #00a0aa !important;}
.jrk_sockel {
	color: #fff;
	background: #00a0aa;
	margin-top: 1em;
}
.o-cms-content__headline {
color: #fff;
}
.o-media__body a:link {
color: #fff !important;
}
.bild_gruenes_band {
	width: 200px; 
	float: left !important;
}
.toolbar__logo {
	width: 35% !important;
	height: 100%;
	margin-top: 1em;
	line-height: 1em !important;
	font-size: 0.8em !important; 
	color: #000; 
}
a.toolbar__logo:link {
	text-decoration: none;
	color: #000 !important;
}
.toolbar__logo img {
	width: 15%; 
	float: left; 
	margin-right: 1em;
}
.shariff .twitter a{border-radius: 10px 10px; background-color:#00a0aa !important;color: #fff!important;}
.shariff .twitter a:hover{background-color:#002e43;}
.shariff .theme-grey .shariff-button a{background-color:#00a0aa !important;color: #fff!important;}
.shariff .facebook a{background-color:#00a0aa !important; color: #fff!important;}
.shariff .googleplus a{background-color:#00a0aa !important; color: #fff!important;}
.shariff .linkedin a{background-color:#00a0aa !important; color: #fff!important;}

.bggreen {
	background: #00a0aa !important;
	color: #fff !important;
}
.kursbeschreibung {
	background: #edf8f9; padding: 1em; margin-bottom: 0.5em;
	border-radius: 1em;
	font-size: .9em;

}
.kurs_weitere_links {
	background: #edf8f9; padding: 1em; margin-bottom: 0.5em; -moz-hyphens: auto;  -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;
	border-radius: 1em;
	font-size: .9em;
}
.bggreen h1, .bggreen h2, .bggreen h3, .bggreen h4, .bggreen h5, .bggreen a { 
	color: #fff !important;
}

.jrk_sockel a:link, .bggreen a:link {
	color: #fff !important;
	text-decoration: none;
}
.jrk_sockel a:hover, .bggreen a:hover {
	color: #fff;
	text-decoration: underline;
}
summary {
	color: #00a0aa !important;
	font-size: 1.1em;
}
.o-cms-content__header-link {
	color: #00a0aa !important;
}
.o-accordion__title-wrap {
	color: #00a0aa;
	margin-top: -1em;
}
.button {
	background-image: linear-gradient(to right bottom, #00a0aa, #70cacf)!important;
}
a.button:link, .donation-info__animation-text h3 {
color: #fff !important;
}
.sub-menu__button--active {
	color: #00a0aa !important;
}
a.sub-menu__link:link {
	color: #333 !important;
}
a.sub-menu__link--current:link {
	color: #00a0aa !important;
}
a.main-menu__link:link {
	color: #333 !important;
}
a.main-menu__link:hover {
	text-decoration-color: #00a0aa !important;
}
a:link{color:#00a0aa !important;}
a:hover{color:#00a0aa !important;}
a:active{color:#00a0aa !important;}

table {
	border: 2px solid #11a0aa;
	width: 100%;
}
td { 
	font-size: 0.8em;
	padding: 10px;
	text-align: left;
	border: 2px solid #11a0aa;
}
th { 
	font-size: 1em;
	font-weight: bold;
	padding: 10px;
	text-align: left;
	border: 2px solid #11a0aa;
	background: #f5f5f5;
	color: #11a0aa;
}

ul.dropdown>.dir:hover{border-left:1px solid silver;border-right:1px solid silver;border-top:3px solid #00a0aa}
ul.dropdown li a:hover{color:#00a0aa}
.o-accordion__navigation>a{color:#00a0aa;}

.c-menu-footer__item a {
	color: #fff;
}
.c-page-head__logo {
	height: 61px;
	margin-left: 2rem;
	width: 61px;
}

.c-toplink {
	background-color:#0b6f75;
}
@media (max-width: 1024px) {
	.js-sticky.fixed .c-page-head__logo {
		width: 24px;
	}
}

.c-page-foot.o-section {
	background: #00a0aa;
	color: #fff;
	margin-bottom: 0;
}

.c-page-foot.o-section a {
	color: #fff;
}

.c-menu-social__icon {
	padding: 0;
	fill: #fff !important;
	color: #fff!important;
	transition: 0.2s fill ease;
}

.c-page-foot__column {
	border-top: none;
}

.c-menu-breadcrumb__link.is-active {
	color: #00a0aa;
}

.o-icon-button, .o-simple-form__button, .c-menu-main-toggle__icon-wrap, .c-menu-share__item {
	background: #00a0aa;
}

.c-menu-share__link {
	background-color: #00a0aa;
}
.c-menu-share__link:hover, .c-menu-share__link:focus {
	background-color: #007077;
}

@media only screen and (min-width: 64.0625em) {
	.c-page-head__logo {
		height: 50px;
		width: 50px;
	}
	.bgjrklogo {min-width:22%;}
.bgjrklogo img {width:24%;}
}

@media only screen and (max-width: 480px) {
	.toolbar__logo {
	width: 75%;
	height: 100%;
	margin-top: 1em;
	line-height: 1em !important;
	font-size: 0.8em !important; 
	color: #000; 
}
	.toolbar__logo img {
	width:30%; 
	float: left; 
	margin-right: 1em;
}
	.bild_gruenes_band {
	width: 200px; 
	float: none !important;
		margin-bottom:1em;
}
	.bgjrklogo {width:90% !important;}
	}

@media only screen
  and (max-width: 768px)
  and (orientation: landscape) {
 .bgjrklogo {width:75% !important;}
}