body {
	font-family: 'Work Sans', sans-serif;
	font-size: 16px;
	color: #555;
	line-height: 1.6;
}

a {
	color: #9a3334;
	text-decoration: none;
}

a:hover {
	color: #019CD9;
}

b,
strong {
	font-weight: 600 !important;
}

/*------------------------------------*\
  #BOOTSTRAP
\*------------------------------------*/
.container,
.container-fluid {
	padding: 0;
}

#carousel-slider .glyphicon {
	color: #fff;
}

/*------------------------------------*\
  #ÜBERSCHRIFTEN
\*------------------------------------*/
h1,
.h1,
h2,
.h2,
h3,
.h3 {
	clear: both;
	margin: 0 0 15px 0 !important;
	font-family: 'Comfortaa', cursive;
	color: #9a3334;
}

h1,
.h1,
h2,
.h2 {
	font-size: 28px;
	padding: 0;
}

h3,
.h3 {
	font-size: 24px;
}

/*------------------------------------*\
  #KOPFBEREICH
\*------------------------------------*/
.top-logo-icon-wrapper {
	width: 100%;
}

.logo {
	padding: 0;
}

.logo img {
	width: 75px;
	height: auto;
	margin-top: 20px;
	float: left;
}

.logo .schulbezeichnung-schulort-wrapper img {
	height: auto;
	margin: 5px 0 0;
	width: 230px;
}

.schulbezeichnung-schulort-wrapper {
	float: left;
	margin: 20px 0 0 15px;
	font-family: 'Comfortaa', cursive;
}

.schulbezeichnung {
	font-size: 26px;
	height: 28px;
}

.schulort {
	font-size: 30px;
}

.icon-wrapper {
	position: relative;
}

/*** RUNDE ICONS ***/
.icon-kontakt,
.icon-krankmeldung,
.icon-anfahrt,
.icon-termine,
.icon-suche {
	float: left;
	border: 1px solid #555;
	border-radius: 50%;
	height: 65px;
	width: 65px;
	padding: 0;
	text-align: center;
	margin: 20px 0 0 20px;
}

.icon-kontakt {
	margin: 20px 0 0 0;
}

a .icon-kontakt:hover,
a .icon-krankmeldung:hover,
a .icon-anfahrt:hover,
a .icon-termine:hover,
a .icon-suche:hover {
	background: #555;
}

a .icon-kontakt:hover i,
a .icon-krankmeldung:hover i,
a .icon-anfahrt:hover i,
a .icon-termine:hover i,
a .icon-suche:hover i {
	color: #fff;
}

.icon-beschriftung {
	color: #555;
	margin-top: 20px;
	margin-left: -20px;
	font-size: 14px;
}

.icon-suche .icon-beschriftung {
	margin-top: 20px;
	margin-left: 3px;
}

.icon-suche i,
.icon-termine i,
.icon-kontakt i,
.icon-anfahrt i,
.icon-krankmeldung i {
	color: #555;
	font-size: 30px;
	margin-top: 14px;
}

.navigation-wrapper {
	background: #9a3334;
	margin: 15px 0 25px 0;
}

.top-logo-icon-wrapper form.dropdown-menu.navbar-form {
	padding: 20px;
	right: 0;
	top: 85px;
}

.icon-wrapper.open form.dropdown-menu.navbar-form {
	border: 0;
}

.top-logo-icon-wrapper button.btn.btn-default i.glyphicon.glyphicon-search {
	font-size: 15px;
	margin: 0;
}

.kopfbild {
	text-align: center;
	background-image: url(/typo3conf/ext/schulnetz_auerbergland_template/Resources/Public/Images/Template/Rosshaupten_08_Walk.jpg);
	background-size: cover;
}

button.btn {
	background: #9a3334;
	border-color: #9a3334;
}

button.btn:hover {
	background: #555;
	border-color: #555;
}

button.btn a {
	color: #fff;
}

/*** BREADCRUMB ***/
.breadcrumb-wrapper {
	background: #eee;
	font-size: 14px;
}

.breadcrumb-wrapper a {
	color: #555;
}

/*** AKTUELLES TEASERBOX ***/
.mask-teaserbox-wrapper {
	background: #eee;
	float: left;
	width: 100%;
	margin-bottom: 15px;
	clear: both;
}

.mask-teaserbox-wrapper:last-child {
	margin-bottom: 40px;
}

.mask-teaserbox-inhalt {
	padding: 5px 15px;
	line-height: 1.2;
}

.mask-teaserbox-ueberschrift h3 {
	font-size: 18px;
	color: #555;
	margin-bottom: 10px !important;
}

.mask-teaserbox-bild img {
	width: 100%;
	height: auto;
}

.mask-teaserbox-link a {
	font-size: 14px;
}

/*** LAUFSCHRIFT ***/
.mask-laufschrift {
	background: #555;
	padding: 5px 0;
}

.marquee {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	white-space: nowrap;
	box-sizing: border-box;
	animation: marquee 30s linear infinite;
	color: #fff;
}

.marquee:hover {
	animation-play-state: paused;
}

/* Make it move */
@keyframes marquee {
	0% {
		text-indent: 27.5em
	}

	100% {
		text-indent: -105em
	}
}

/*** MASK BILDERGALERIE ***/
.bildspalte {
	margin-bottom: 0;
}

.bildspalte p {
	margin-bottom: 30px;
}

.mask-bildergalerie div.mask-bildergalerie-wrapper {
	margin-bottom: 15px;
	-webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.5);
}

.mask-bildergalerie div.bildspalte img {
	width: 100%;
	height: auto;
}

/*** MASK TERMINLISTE ***/
.mask-terminliste-ueberschrift h2 {
	margin-bottom: 10px !important;
}

.mask-terminliste-datum {
	padding: 0;
}

.mask-terminliste-termin {
	border-bottom: 1px solid #eee;
	width: 100%;
	margin-bottom: 10px;
	margin-left: 20px;
}

.mask-terminliste-termin:last-child {
	border-bottom: none;
}

/*------------------------------------*\
  #CONTENT
\*------------------------------------*/

/**** SUCHFELD ****/
#custom-search-input {
	padding: 3px;
	border: solid 1px #E4E4E4;
	border-radius: 0;
	background-color: #fff;
}

#custom-search-input input {
	border: 0;
	box-shadow: none;
}

#custom-search-input button {
	margin: 2px 0 0 0;
	background: none;
	box-shadow: none;
	border: 0;
	color: #666666;
	padding: 0 8px 0 10px;
	border-left: solid 1px #ccc;
}

#custom-search-input button:hover {
	border: 0;
	box-shadow: none;
	border-left: solid 1px #ccc;
}

#custom-search-input .glyphicon-search {
	font-size: 23px;
}

#custom-search-input i.glyphicon.glyphicon-search {
	margin-top: 0;
}

/*------------------------------------*\
  #FOOTER
\*------------------------------------*/
.footer-oben-wrapper {
	background: #eee;
	border-top: 1px solid #555;
	padding: 20px 0 0 0;
	margin-top: 20px;
}

.footer-oben-links .ce-element,
.footer-oben-mitte .ce-element,
.footer-oben-rechts .ce-element {
	margin-bottom: 20px !important;
}

.footer-unten-wrapper {
	background: #555;
	color: #fff;
}

.footer-unten-wrapper .ce-element {
	margin: 0;
}

.footer-unten-wrapper {
	padding: 0;
}

.footer-oben-links {
	padding-left: 0;
}

.footer-oben-rechts img {
	width: 100%;
	height: auto;
}

.footer-unten-wrapper a {
	text-decoration: none;
	color: #fff;
}

.footer-unten-wrapper a:hover {
	text-decoration: none;
	color: #ccc;
}

/*------------------------------------*\
  #TYPO3
\*------------------------------------*/
.ce-element {
	margin: 15px 0;
}

hr {
	padding: 0;
	border: none;
	border-top: medium double #555;
	color: #555;
	text-align: center;
	clear: both;
	margin-bottom: 30px;
}

hr:after {
	content: "\1F4CE";
	display: inline-block;
	position: relative;
	top: -0.95em;
	font-size: 1.5em;
	padding: 0 0.25em;
	background: white;
}

.align-right {
	text-align: right;
}

.align-left {
	text-align: left;
}

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

.back-to-top {
	background: #9a3334;
	border-radius: 10px;
	bottom: 50px;
	color: #fff;
	font-size: 30px;
	padding: 5px 20px;
	position: fixed;
	right: 20px;
}

a.back-to-top:hover,
a.back-to-top:visited,
a.back-to-top:checked {
	color: #fff;
	text-decoration: none;
}

#c282.ce-element h2 {
	margin-bottom: 0 !important;
}

.open>.dropdown-menu {
	display: block;
}

.frame-type-menu_subpages ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.frame-type-menu_subpages ul li {
	background: #eee;
	border: 1px solid #555;
	padding: 10px 0;
	text-align: center;
	width: 49%;
}

.frame-type-menu_subpages ul li:nth-child(even) {
	margin-left: 1%;
}

.frame-type-menu_subpages ul li:nth-child(odd) {}

.frame-type-menu_subpages ul li a {}

.frame-type-menu_subpages ul li a span {}

/*------------------------------------*\
  #TABELLEN
\*------------------------------------*/
.contenttable {
	width: 100%;
}

.contenttable tr {
	border-bottom: 1px solid #ccc;
}

.contenttable tr:last-child {
	border-bottom: none;
}

.contenttable tr:nth-child(even) {
	background: #eee;
}

.contenttable td {
	padding: 5px;
}

/*------------------------------------*\
  #CONTAINER
\*------------------------------------*/
.container-2-spalten-50-50,
.container-2-spalten-66-33,
.container-2-spalten-33-66,
.container-1-spalte,
.container-3-spalten-33-33-33 {
	margin-left: -15px;
	margin-right: -15px;
	clear: both;
}

/*------------------------------------*\
  #MAP
\*------------------------------------*/
.map {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.map .privacy-msg.privacy-map-msg {
	background-image: url(/typo3conf/ext/schulnetz_auerbergland_template/Resources/Public/Images/Template/Mapdummy.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 100% !important;
}

.map .privacy-msg.privacy-map-msg::after {
	content: "© OpenStreetMap contributors";
	position: absolute;
	left: 15px;
	bottom: 0;
}

.map .privacy-msg.privacy-map-msg p {
	background-image: url(/typo3conf/ext/schulnetz_auerbergland_template/Resources/Public/Images/Template/trans-80-schwarz.png);
	width: auto;
	position: absolute;
	margin-top: 20px;
	color: #fff;
	text-align: center;
}

.map iframe {
	width: 100%;
	margin-bottom: -6px;
}

.privacy-msg.privacy-script-msg a,
.privacy-msg.privacy-map-msg a {
	color: #9a3334;
}

.privacy-msg a.btn {
	background: #9a3334;
	border-color: #9a3334;
	color: #fff;
	margin-top: 20px;
	margin-bottom: 20px;
}

.privacy-script-msg p {
	background-image: url(/typo3conf/ext/schulnetz_auerbergland_template/Resources/Public/Images/Template/trans-80-schwarz.png);
	position: relative;
	margin-top: 50px;
	color: #fff;
	padding: 10px 20px;
	text-align: center;
}

.privacy-msg.privacy-video-msg {
	background-image: url(/typo3conf/ext/bauernhof_hoermann_template/Resources/Public/Images/Template/Video-Dummy.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 100% !important;
}

.privacy-msg.privacy-video-msg p {
	background-image: url(/typo3conf/ext/schulnetz_auerbergland_template/Resources/Public/Images/Template/trans-80-schwarz.png);
	width: 900px;
	position: absolute;
	left: 50%;
	margin-top: 50px;
	margin-left: -450px;
	color: #fff;
	padding: 10px 20px;
	text-align: center;
}


/*------------------------------------*\
  #MASK
\*------------------------------------*/
.mask-infobox {
	border: 1px solid #979797;
}

.mask-infobox-ueberschrift {
	background: #555;
	color: #fff;
	font-size: 20px;
	height: 45px;
	padding: 4px 0 0 10px;
}

.mask-infobox-text {
	padding: 10px;
}

/**** INFOBOX MIT BILD ****/
.mask-infoboxbild {
	position: relative;
	width: 100%;
	float: left;
}

.mask-infoboxbild-ueberschrift {
	height: 50px;
	position: absolute;
	width: 70%;
	background: #9a3334;
	color: #fff;
	font-size: 20px;
	padding: 9px 0 0 10px;
	z-index: 1;
}

.mask-infoboxbild-bild {
	overflow: hidden
}

.mask-infoboxbild-bild img {
	width: 100%;
	height: auto;
}

.mask-infoboxbild-bild img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.mask-infoboxbild-bild:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

.mask-infoboxbild-beschreibung {
	bottom: 0;
	position: absolute;
	background: url(/typo3conf/ext/schulnetz_auerbergland_template/Resources/Public/Images/Template/trans-90-weiss.png);
	padding: 5px;
	text-align: center;
}

/*------------------------------------*\
  #NEWS
\*------------------------------------*/
.news-list-item {
	background: #eee;
	margin-bottom: 20px;
}

.news .news-list-item h3 {
	padding-top: 5px;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px !important;
}

.news-list-item h3 a {
	color: #555;
}

.news-list-view .col-sm-3 {
	padding: 0;
}

.news div.col-md-9 {
	padding: 5px 5px 5px 0;
}

.news div.lead {
	padding-right: 10px;
}

.news .news-list-view .news-list-item .lead p {
	margin-bottom: 5px;
}

.news div.extra {
	display: none;
}

.news div.lead {
	font-size: 16px;
	margin-bottom: 5px;
}

.news a.read-more {
	color: #9a3334;
}

.news .news-list-view .news-list-item a.btn.btn-default.btn-read-more {
	color: #9a3334;
	padding: 0 0 5px 0;
}

.news.news-single .thumbnail {
	border: none;
}

.news.news-single .thumbnail img,
.news .news-list-view .news-list-item .col-md-3 img {
	width: 100%;
	height: auto;
}

.news .news-list-view .news-list-item .col-md-3 img {
	padding-top: 12px;
}

/*------------------------------------*\
  #MEDIA-QUERIES
\*------------------------------------*/
@media (max-width: 1170px) {
	.kopfbild img {
		width: 100%;
		height: auto;
	}

	.ce-gallery img {
		width: 100%;
		height: auto;
	}
}

@media (max-width: 991px) {
	.container {
		min-width: 100%;
	}

	.top-logo-icon-wrapper {
		padding-top: 58px;
	}

	.schulbezeichnung-schulort-wrapper {
		margin: 35px 0 0 15px;
	}

	.schulbezeichnung {
		font-size: 22px;
		height: auto;
		line-height: 1;
	}

	.schulort {
		font-size: 28px;
	}

	.gridelement-2-spalten-50-50,
	.gridelement-2-spalten-66-33,
	.gridelement-2-spalten-33-66 {
		margin-left: 0;
		margin-right: 0;
	}

	.logo {
		padding: 0 0 0 15px;
	}

	.icon-kontakt,
	.icon-krankmeldung,
	.icon-anfahrt,
	.icon-termine,
	.icon-suche {
		float: right;
		margin: 20px 0 0 0;
	}

	.icon-krankmeldung .icon-beschriftung {
		margin-left: -10px;
		margin-top: 20px;
	}

	.icon-kontakt {
		margin: 20px 0 0 0;
	}

	.breadcrumb-wrapper {
		padding: 0 15px;
	}

	.content-startseite {
		padding: 0 15px;
	}

	.footer-oben-wrapper {
		padding: 20px 15px 0;
	}

	.footer-oben-rechts {
		padding: 0;
	}

	.footer-unten-wrapper {
		padding: 5px 15px 0 15px;
	}

	.logo .schulbezeichnung-schulort-wrapper img {
		height: auto;
		margin: 10px 0 0;
		width: 200px;
	}
}

@media (max-width: 767px) {

	.icon-kontakt,
	.icon-krankmeldung,
	.icon-anfahrt,
	.icon-termine,
	.icon-suche {
		float: left;
		margin: 20px 0 0 20px;
	}

	.icon-kontakt {
		margin: 20px 0 0 0;
	}

	.icon-beschriftung {
		color: #555;
		font-size: 14px;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.icon-wrapper {
		margin-bottom: 20px;
	}

	.footer-oben-mitte,
	.footer-oben-rechts {
		padding-left: 0;
	}

	.gridelement-2-spalten-66-33 .linke-spalte,
	.gridelement-2-spalten-66-33 .rechte-spalte,
	.gridelement-2-spalten-33-66 .linke-spalte,
	.gridelement-2-spalten-33-66 .rechte-spalte {
		padding: 0;
	}

	.row.news-list-item {
		margin: 0 0 15px 0;
	}

	.footer-oben-rechts img {
		width: 260px !important;
		height: auto;
	}

	.frame-type-menu_subpages ul li {
		width: 100%;
	}

	.frame-type-menu_subpages ul li:nth-child(even) {
		margin-left: 0;
	}
}

@media (max-width: 550px) {

	.ce-gallery,
	.ce-column {
		width: 100%;
	}

	.schulbezeichnung-schulort-wrapper {
		margin: 30px 0 0 15px;
	}
}

@media (max-width: 435px) {}

@media (max-width: 385px) {
	/*.icon-anfahrt {
		margin-right: 25px;
	}*/

	.icon-termine {
		margin-right: 0;
	}

	.logo .schulbezeichnung-schulort-wrapper img {
		height: auto;
		margin: 10px 0 0;
		width: 100%;
	}
}

@media (max-width: 350px) {
	.icon-anfahrt {
		margin-right: 25px;
	}

	.icon-termine {
		margin: 35px 0 0 0;
	}

	.icon-suche {
		margin: 35px 0 0 20px;
	}
}