/* *** Footer Donation Hint *** */
.page-footer .service-links.donation-hint {
	padding-top: 40px;
}

.page-footer .donation-hint p {
	padding-left: 10px;
	padding-right: 10px;
	color: #ffffff;
	letter-spacing: 1px;
}

.page-footer .donation-hint .donation-title {
	font-weight: bold;
}

@media screen and (max-width: 1200px) {
	.page-footer .donation-hint .donation-title {
		display: block;
	}
}

@media screen and (max-width: 1023px) {
	.page-footer .donation-hint .donation-title {
		display: inline;
	}

	.page-footer .donation-hint .donation-c2 {
		display: block;
	}
}

@media screen and (max-width: 799px) {
	.page-footer .service-links.donation-hint {
		padding-top: 20px;
	}

	.page-footer .donation-hint p {
		padding-left: 0;
		padding-right: 0;
	}

	.page-footer .donation-hint span {
		display: block;
	}
}

@media screen and (max-width: 480px) {
	.page-footer .donation-hint p {
		letter-spacing: 0.2px;
	}
}


/* *** Service Start Stage Slider *** */
.focus.service-start .stage {
	width: 100%;
	overflow: hidden;
}

.service-start .stage .flexslider {
	width: 1080px;
	margin: 0 auto;
}

.content.service-start .stage .stage-wrapper li .wrapper-dark {
	background-color: none;
	background: url("/typo3conf/ext/diakonie_baden/Resources/Public/Css/Images/gradient-links.png") repeat-y top right;
}

.content.service-start .stage .stage-wrapper li.flex-active-slide .wrapper-dark {
	display: none;
}

.content.service-start .stage .stage-wrapper li.flex-active-slide + li .wrapper-dark {
	background: url("/typo3conf/ext/diakonie_baden/Resources/Public/Css/Images/gradient-rechts.png") repeat-y top left;
}


@media (min-width: 1081px) {
	.service-start .stage .flexslider .flex-viewport {
		overflow: visible !important;
	}

	.content.service-start .stage .custom-navigation {
	}
}


/* *** Info Start Slider *** */
.content .start-slider .slider-box {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.content .start-slider .slider-box .stele {
	position: absolute;
	top: 0;
	width: 60px;
	height: 100%;
	background-color: rgba(255, 255, 255, 1);
	z-index: 1;
}

.content .start-slider .slider-box .stele-l {
	left: 15%;
}

.content .start-slider .slider-box .stele-r {
	right: 15%;
}

.content .start-slider .slider-box .flexslider-start {
	margin: 0 auto;
	width: 900px;
	display: table;
}

.content .start-slider .flexslider-start .flex-viewport {
	overflow: visible !important;
}

.content .start-slider .flexslider-start .flex-viewport .slides li {
	left: 0;
	position: relative;
}

.content .start-slider .flexslider-start .flex-viewport .slides li img {
	width: 900px;
}

.content .start-slider .flexslider-start .flex-viewport .slides li {
	box-sizing: border-box;
	/*border-left:60px solid #fff;*/
}

.content .start-slider .flexslider-start .flex-viewport .slides li .slide-wrapper {
	display: table;
	width: 900px;
}


/* *** FAQ / Nachgefragt *** */
.content .panel-group.accordion .panel .collapse .panel-body p a {
	text-decoration: none;
}


/* ********************************** */

.fix-header.affix {
	max-width: 1440px;
}

.col-md-24.pict-gallery {
	float: none;
}

.content .stage .stage-wrapper .stage-text.blockquote h2 {
	font-weight: bold;
}

.content .element-box .twitter {
	border: 1px solid #2c256b;
	margin-top: 36px;
}

.content .twitter .scroll-wrapper {
	height: 480px;
}

.content .twitter .scroll-wrapper .scroll-box {
	padding: 0 20px 30px;
}

.content .twitter .footer {
	background-color: #2c256b;
}

.content.focus.service-start .stage .stage-wrapper .stage-text.blockquote {
	padding: 38px 11.2% 30px;
}

.content.service-start .stage .custom-navigation .custom-controls-container .flex-control-nav {
	top: 30px;
	left: 50%;
	width: 45%;
	right: auto;
}

.content .std-text .std-box p + h2,
.content.standard-page .static-sm-16 .std-box p + h2,
.content .std-text .std-box p + h2:first-of-type,
.content .std-text .std-box ul + h2,
.content.standard-page .static-sm-16 .std-box ul + h2,
.content .std-text .std-box ul + h2:first-of-type,
.content .std-text .std-box ol + h2,
.content.standard-page .static-sm-16 .std-box ol + h2,
.content .std-text .std-box ol + h2:first-of-type {
	margin-top: 56px;
}

.content .std-text .std-box h2 {
	margin-bottom: 24px;
	clear: none;
}

.content.content-page.standard-page .std-text h2 {

}

.content .std-text .std-box p + h3,
.content .std-text .std-box ul + h3,
.content .std-text .std-box ol + h3 {
	margin-top: 34px;
}

.content .std-text .std-box h3 {
	margin-bottom: 18px;
}

.content .std-text .image figcaption span,
.content .image figcaption span {
	left: auto;
	right: 0;
}

.content .infographic .figure {
	background-color: transparent;
}

.content .info-box .col-wrapper {
	padding-bottom: 24px;
}

.content .current.textlist .col-sm-12 .article {
	margin-bottom: 40px;
}

.content .current.textlist .col-sm-14 .article {
	padding-top: 40px;
}

.content .current.textlist .article .link-wrapper {
	padding-top: 30px;
}

.content.list-page .filter {
	margin-bottom: -40px;
}

.content.list-page .filter .filter-list .col ul {
	margin-bottom: 26px;
}

.content.list-page .filter .filter-list .col.col-left ul:first-child {
	margin-bottom: 6px;
}

.content.list-page .filter .filter-list .col {
	margin-bottom: -20px;
}

.content.list-page .filter .format-filter {
	width: 225px;
}

.content.list-page .filter .format-filter .filter-control {
	width: 245px;
}

.content .donate-text h3,
.content .benefit h3 {
	font-weight: bold;
}

.content .element-box.embed iframe {
	width: 100%;
}

.content .std-text .contactbox.wide > div .address:only-child {
	float: left;
}

.content .std-text .image-small-left img, .content .std-text .image-small-left figcaption,
.content .std-text .image-small-right img, .content .std-text .image-small-right figcaption {
	width: 300px;
}

.content .std-text .image-small-left, .content .std-text .image-small-right {
	padding-bottom: 20px;
	padding-right: 36px;
}

.content .info-box.basic {
	margin-bottom: 0;
}

.content .element-box .info-box.basic {
	margin-bottom: 30px;
}

.content .element-box .infobox-outer {
	margin-bottom: 20px;
}

.content .element-box .infobox-outer h2 {
	margin-top: 0;
}

.content .teaser-list .intro h2 {
	margin-bottom: 0;
	padding-left: 0;
	padding-top: 10px;
}

.content.list-page .intro {
	margin-bottom: 10px;
}

.content .quick-links ul li a, .content .quick-links ul li .fix-header.affix .logo span, .fix-header.affix .logo .content .quick-links ul li span {
	padding-right: 36px;
}

.content.service .row-wrapper .testimonials-sliderbox .testimonial-single .slides .flex-wrapper .text-block .stage-text,
.content.service-start .row-wrapper .blockquote-slider ul.slides li .flex-wrapper .text-block .stage-text {
	padding: 30px 3vw 10px 3vw;
}

.content.service-start .row-wrapper .text-box {
	padding: 30px 3vw 10px 3vw;
}

@media (min-width: 1024px) {
	.content.service .row-wrapper .testimonials-sliderbox .testimonial-single .slides .flex-wrapper .text-block .stage-text,
	.content.service-start .row-wrapper .blockquote-slider ul.slides li .flex-wrapper .text-block .stage-text {
		padding: 60px calc((4.1666667% / 0.6) / 0.625) 20px calc((4.1666667% / 0.6) / 0.625);
	}

	.content.service-start .row-wrapper .text-box {
		padding: 60px 4.166667% 20px 4.166667%;
	}
}

.content.service .row-wrapper .text-box .benefit ul .link-wrapper a, .content.service .row-wrapper .text-box .benefit ul .link-wrapper .fix-header .logo span, .fix-header .logo .content.service .row-wrapper .text-box .benefit ul .link-wrapper span {
	padding-left: 34px;
}

.content.service .row-wrapper .text-box .benefit ul .link-wrapper a .icon-link.internal::before, .content.service .row-wrapper .text-box .benefit ul .link-wrapper .fix-header .logo span .icon-link.internal::before, .fix-header .logo .content.service .row-wrapper .text-box .benefit ul .link-wrapper span .icon-link.internal::before {
	top: 3px;
}

.content.service .donate-wrapper .donate-links {
	padding: 60px 3.0%;
}

.content.service .donate-wrapper .donate-text {
	padding: 60px 3.5%;
}

.content.service.service-start .std-text h2 {
	margin-bottom: 30px;
}

.content.service.service-start .single-teaser {
	margin-top: 20px;

}

#content.service.focus > div:nth-last-child(2) {
	margin-bottom: 0;
}

.content.service-start .start-slider .custom-navigation-start {
	bottom: 38px;
	left: calc(50% - 400px);
	width: 800px;
}

.content .flexslider-start .flex-viewport li img {
	opacity: 0.4;
}

.content .flexslider-start .flex-viewport li.flex-active-slide img {
	opacity: 1;
}

.content .flexslider-start .flex-viewport li .slider-text h3,
.content .flexslider-start .flex-viewport li .slider-text p,
.content .flexslider-start .flex-viewport li .slider-text .link-wrapper {
	visibility: hidden;
}

.content .flexslider-start .flex-viewport li.flex-active-slide .slider-text h3,
.content .flexslider-start .flex-viewport li.flex-active-slide .slider-text p,
.content .flexslider-start .flex-viewport li.flex-active-slide .slider-text .link-wrapper {
	visibility: visible;
}

.content .stage-header.landing .stage-pict {
	position: relative;
}

#content #gmap {
	width: 100%;
	height: 100%;
}

#rs-button .toggle-elem {
	float: right;
}

#rs-button .toggle-elem .rs-icon {
	display: block;
	height: 26px;
	width: auto;
}

.content .accordion.faq .panel .panel-heading + .panel-collapse > .panel-body {
	overflow: auto;
}

.content .std-text.pic-text h2:only-child {
	margin-bottom: -30px;
	position: relative;
}

.content .stage .custom-navigation .custom-controls-container .flex-control-nav {
	top: auto;
	bottom: 0;
	left: 10px;
}

.content .news-list-view .more-button .btn {
	margin-top: 0;
	padding-top: 14px;
	padding-bottom: 14px;
}

.content .countup-list-item > .row {
	min-height: 100%;
}

.content .countup-list-item > .row h1 {
	color: #469ed5;
	margin-top: 13px !important;
}

.content .countup-list-item:after {
	content: "";
	display: block;
	width: calc(100% - 15px);
	border-bottom: 1px solid grey;
}


@media screen and (min-width: 1024px) {
	.content.service .row-wrapper .testimonials-sliderbox {
		width: 62.5%;
	}

	.content .info-box .col-wrapper.info-2-columns {
		/*width: 600px;*/
		/*
		-moz-column-count: 2;
		-moz-column-gap: 20px;
		-webkit-column-count: 2;
		-webkit-column-gap: 20px;
		column-count: 2;
		column-gap: 20px;
		*/
	}

	.content .info-box .col-wrapper.info-2-columns h2, .content .info-box .col-wrpper.info-2-columns h3 {
		/*
			-webkit-column-span: all;
			column-span: all;
		*/
	}

	.content.theme-page .quote.testimonials .custom-navigation {
		width: 50%;
	}
}


@media screen and (max-width: 1023px) {
	.content .info-box .col-wrapper div, .content .info-box .col-wrapper .col-sm-12 {
		width: 100%;
		float: none;
	}

	.content .info-box .col-wrapper div:last-child p {
		padding-left: 0;
	}

	.content .quick-links ul li a, .content .quick-links ul li .fix-header.affix .logo span, .fix-header.affix .logo .content .quick-links ul li span {
		padding-right: 20px;
		padding-left: 100px;
	}

	.content.theme-page .stage .stage-wrapper .stage-text {
		padding: 40px 40px 20px;
	}

	.content.theme-page .stage .stage-wrapper .stage-text .link-wrapper {
		margin-top: 10px;
	}

	.content .accordion.faq .panel:last-child .panel-heading + .panel-collapse > .panel-body {
		border-bottom: none;
	}
}


@media screen and (min-width: 800px) {
	.content.start-page.theme-page .stage .stage-pict .bg-img {
		min-height: 636px;
	}

	.content.start-page.theme-page .stage:not(.element-box) .stage-text,
	.content.start-page.theme-page .stage:not(.element-box) .stage-pict .bg-img {
		min-height: 544px;
	}

	#scroll-arrow {
		position: fixed;
		bottom: 0;
		left: 44%;
		width: 120px;
		height: 60px;
		background: url('/typo3conf/ext/diakonie_baden/Resources/Public/Css/Images/scrollnote.png');
		background-repeat: no-repeat;
		z-index: 28;
	}

	.content.theme-page .element-box + .element-box.std-text {
		/* margin-top: -10px; */
		top: -10px;
	}

	.content.theme-page .element-box .info-box.basic,
	.content.theme-page .element-box .info-box {
		margin-bottom: 0;
	}

	.content.theme-page .element-box.std-text + .element-box.info-box-links,
	.content.theme-page .element-box.std-text + .element-box.info-box {
		margin-top: -60px;
	}

	.content.theme-page .element-box.std-text + .element-box.info-box-links .infobox-outer h2 {
		margin-top: -10px;
	}
}


@media screen and (max-width: 880px) {
	.content .flexslider-start .flex-viewport li img {
		opacity: 1;
	}
}


@media screen and (max-width: 799px) {
	/* info start */
	/*stage */
	.content .stage .stage-wrapper .stage-text p,
	.content.theme-page .stage .stage-wrapper .stage-text p {
		display: none;
	}

	.content .stage .stage-wrapper .stage-text h2 {
		margin-bottom: 4px;
	}

	.content .stage .stage-wrapper .stage-text {
		min-height: 240px;
	}

	.content.theme-page .stage .stage-wrapper .stage-text {
		padding: 14px 10px 0;
	}

	.content.theme-page .video .video-wrapper a .video-start .bg-img, .content.theme-page .video .video-wrapper .fix-header.affix .logo span .video-start .bg-img, .fix-header.affix .logo .content.theme-page .video .video-wrapper span .video-start .bg-img {
		height: 50vw;
	}

	/*Aktuelles-Box*/
	.content .current header h2 {
		display: block;
		margin-bottom: 10px;
	}

	/*Diakonie vor Ort*/
	.content .local header h2 {
		display: block;
	}

	.content .local .std-list {
		margin-right: 10px;
	}

	.content .local .proposal {
		padding-left: 10px;
	}

	/*Twitterbox*/
	.content .twitter {
		margin-left: 10px;
		margin-right: 10px;
	}

	.content .twitter .header, .content .twitter .footer {
		padding-left: 20px;
	}

	/*Quicklinks*/
	.content .quick-links ul li {
		width: 100%;
	}

	.content .quick-links ul li a, .content .quick-links ul li .fix-header.affix .logo span, .fix-header.affix .logo .content .quick-links ul li span {
		height: 75px;
	}

	.content .quick-links ul li .icon {
		padding-top: 24px;
		display: inline-block !important;
	}

	/*Infografik*/
	.content .infographic .header h2 {
		display: block;
	}

	.sharing, .content.focus .sharing {
		padding-top: 73px;
	}

	/*Seite empfehlen*/
	.sharing h2 {
		display: block;
		padding-bottom: 26px;
	}

	.sharing ul {
		/*margin-left:-10px;*/
		margin-top: 0;
	}

	.sharing ul li {
		padding-right: 0;
		display: inline-block;
		float: none;
		margin-left: 10px;
		margin-right: 10px;
	}

	/*Element Abstand oben*/
	.content.theme-page .headline-offset {
		margin-top: 10px;
	}

	/*Footer*/
	.page-footer .internal .portal {
		padding-right: 20px;
	}

	/*Standardseite*/
	.content .std-text .image-small-left img, .content .std-text .image-small-left figcaption,
	.content .std-text .image-small-right img, .content .std-text .image-small-right figcaption {
		width: 260px;
	}

	/*Teaserliste // Downloadliste*/
	.content .teaser-list .article .header .link-wrapper {
		padding-left: 30px;
		padding-right: 10px;
		padding-top: 30px;
	}

	.content .teaser-list .intro h2 {
		padding-left: 0;
	}

	/*Infografik // Global */
	.content .intro h1 {
		margin-top: 0;
	}

	.content.info .infographic .list-wrapper ul {
		margin-left: 10px;
	}

	.content.info .infographic .list-wrapper ul li.link-wrapper {
		margin-bottom: 0;
	}

	/*Kampagnenseite*/
	.content .combi-big .combi-wrapper .header h2 {
		margin-top: 10px;
	}

	.content.standard-page .element-box.combi-big {
		margin-bottom: 25px;
	}

	/*Themen*/
	.content .std-text .contactbox .address a {
		margin-left: 10px;
	}

	.focus .stage .custom-navigation {
		bottom: 26px;
	}

	/*Filterliste*/
	.content.list-page .filter {
		margin-left: 10px;
	}

	.content .std-list ul li.link-wrapper {
		margin-bottom: 40px;
	}

	.content .std-list ul li.link-wrapper .date-cat {
		margin-bottom: 0;
	}

	.content .news-list-view .more-button .btn {
		padding-left: 22px;
		padding-right: 22px;
	}

	/*Sitemap*/
	.content.sitemap-page h1 {
		padding-left: 0;
	}

	/*Stage Start Hilfeportal*/
	.content.service-start .stage .stage-wrapper li .stage-pict.video {
		height: auto;
	}

	.content.service-start .stage .custom-navigation .custom-controls-container .flex-control-nav {
		right: 15%;
		width: 60%;
		left: auto;
	}

	.content.service-start .stage .video .video-wrapper a .video-button {
		left: 20%;
		top: 25%;
	}

	/*Hilfeteaser*/
	.content.service-start .donate-wrapper {
		display: block;
	}

	.content.service .donate-wrapper .donate-links, .content.service .donate-wrapper .donate-text {
		width: 100%;
	}

	/*Reportageslider*/
	.content.theme-page .stage .stage-pict .bg-img {
		height: 50vw;
		min-height: unset;
	}

	/*Singleteaser */
	.content.focus .std-text.single-teaser .link-wrapper {
		padding-left: 0;
	}

	/*Stage Video*/
	.content.focus .video.stage-pict {
		top: 0 !important;
	}

	.content .stage-header.landing .stage-wrapper .video.stage-pict,
	.content .stage-header.landing .stage-wrapper .video.stage-pict iframe {
		top: 0 !important;
	}

	/*KampagnenSlider*/
	.content .start-slider .slider-box .stele {
		display: none;
	}

	.content .start-slider .slider-box .flexslider-start {
		width: auto;
	}

	.content .start-slider .flexslider-start .flex-viewport .slides li .slide-wrapper {
		width: auto;
	}

	.content.start-slider .custom-navigation-start {
		bottom: 10px;
		left: 10px;
		width: 90%;
	}

	.content.service-start .start-slider .custom-navigation-start {
		bottom: 38px;
		left: calc(50% - 400px);
		width: 800px;
	}

	.content .start-slider .custom-navigation-start {
		width: 96%;
	}

	.content .start-slider .custom-navigation-start .custom-controls-container-start {
		width: 60%;
	}

	.content .start-slider .custom-navigation-start .custom-controls-container-start .flex-control-nav {
		top: 0;
	}

	/*Termin*/
	.content #calendar-event .event-map {
		flex-direction: column;
	}

	/*Date-Listen*/
	.content.list-page .intro {
		padding-left: 10px;
	}

	.content.list-page .intro h1 {
		padding-left: 0;
	}

	.content .std-list.dates .dates-list ul li.link-wrapper .right .date-cat {
		color: #444;
	}

	.content.list-page .filter {
		margin-bottom: 0;
	}

	.content.list-page .filter .filter-list.cat .col {
		float: none;
		min-height: 100px;
		width: auto;
	}

	.content.list-page .filter .filter-list .col.col-left {
		padding-bottom: 0;
	}

	.content .std-text .contactbox.wide .image-contact {
		width: auto;
	}

	.content .teaser-list .article .header div.image {
		/*height: 40px !important;*/
	}

	.content .teaser-list .article .header figure.image {
		height: auto !important;
	}

	.content .teaser-list .article {
		min-height: auto;
	}

	.content .info-box {
		border: 1px solid;
		margin-left: 2%;
		margin-right: 2%;
	}

	.content .current.textlist .col-sm-12 .article {
		margin-bottom: 0;
	}

	.content .current.textlist .col-sm-12 .article, .content .current.textlist .col-sm-14 .article {
		padding-top: 30px;
	}

	.content .management-news .mgnt .mgnt-text p {
		padding-left: 10px;
		padding-right: 10px;
	}

	.content .stage .custom-navigation .custom-controls-container .flex-control-nav {
		bottom: -30px;
	}
}


@media screen and (max-width: 640px) {
	.content.list-page .filter {
		margin-right: 10px;
	}

	.content.list-page .filter .cat-filter, .content.list-page .filter .format-filter, .content.list-page .filter .cat-filter, .content.list-page .filter .cat-filter {
		width: 100%;
		margin-right: 0;
		padding-right: 0;
	}

	.content.list-page .filter .cat-filter .filter-control, .content.list-page .filter .format-filter .filter-control {
		width: 100%;
	}

	.content.list-page .filter .cat-filter .filter-control::after, .content.list-page .filter .format-filter .filter-control::after {
		right: 10px;
	}

	.content.list-page .filter .filter-list.format {
		top: 123px;
	}

	.content .teaser-list .article .header div.image {
		height: auto;
	}
}


@media (max-device-width: 640px) {
}


@media screen and (max-width: 480px) {
	.content .std-text .image-small-left, .content .std-text .image-small-right {
		float: none;
		padding-right: 10px;
	}

	.content .stage .stage-wrapper .stage-text {
		min-height: 300px;
	}
}


@media (max-device-width: 480px) {
}