/* Freiburger Widgets */


/* Hauptnavi */
@media only screen and (max-width: 800px) {
	header nav li {
		text-align: center;
	}
	header nav > ul > li > ul{
		margin-left: 0;
	}
	header li.expanded li{
		color: #444;
	}
}
header nav > ul > li > ul{
	top: 54px;
}
@media only screen and (max-width: 890px) {
	header nav > ul > li > ul{
		top: 42px;
	}
}

#block-freiburg-branding {
	margin-top: 4px;
    margin-left: 0;
}
header img {    
	height: 68px;
    display: block;
    width: auto;
    margin: 5px 0 10px 0;
}

/* Kopfzeile Brand Paritäter */
.head--paritaeter-logo img {
	width: 40px;
	height: auto;
	display: inline-block;
	margin-top: 10px;
}
#block-freiburg-branding {
	margin-top: 4px;
}


/* Überschriften */
h1.page-title {
	margin-top: 40px;
}
@media (min-width: 100px) {
	.w-heading--h1, .w-heading--h2, h1.page-title {
		text-align: center;   
	}
	.w-heading > h1, .w-heading > h2, h1.page-title > span {
		display: inline-block;
		font-weight: 600;
		position: relative;
		margin-bottom: 2em;
		padding: 10px 15px;
		background-color: #F0F0F0;
	}
	.w-heading > h1:before, .w-heading > h2:before, h1.page-title > span:before {
		content: "»";
		color: #DF002A;
		font-weight: 700;
		position: absolute;
		left: -0.45em;
		top: 0.16em;
		line-height: 0.1;
	}
	div[style*="F0F0F0"] .w-heading > h2 {
		background-color:#fff;
	}
	div[style*="rgb(240, 240, 240)"] .w-heading > h2 {
		background-color:#fff;
	}
}


/* Image Slider */

.w-headerslider .slick-dots {
	background-color: #F0F0F0;
}

.w-headerslider .slick-next {
	right: 25px;
}
.w-headerslider .slick-prev {
	left: 25px;
	z-index: 1;
}
.w-headerslider .inner {
	max-width: 1100px;
	padding-left: 15px;
	padding-right: 15px;
	margin: 0 auto;
	position: relative;
	height: 100%;
}
.w-headerslider .inner2 {
	position: absolute;
	bottom: 70px;
	right: 0;
}
.w-headerslider .w-slider__title {
	background-color: white;
	display: inline-block;
	padding: 7px 7px 7px 30px;
	z-index: 2;
	position: relative;
	margin-right: 50px;
}
.w-headerslider .w-slider__title h2 {
	font-weight: normal;
}
.w-headerslider .w-slider__title h2:before {
	content: "»";
    color: #DF002A;  
    font-weight: 700;
    position: absolute;
    left: -0.4em;
    top: 0.1em;
	line-height: 0.1;
}
.w-headerslider .w-slider__lead {
	background-color: #F0F0F0;
	padding: 17px 10px 10px 10px;
	z-index: 1;
	position: relative;
	top: -10px;
	width: auto;
	margin-left: auto;
}
.w-headerslider .w-slider__links {
	text-align: left;
}
.w-headerslider .w-slider__links > div {
	display: inline-block;
}

@media only screen and (max-width: 768px) {
    .w-headerslider .inner2 {
        position: relative;
		top: 0;
		padding: 15px;
    }
    .w-headerslider .inner {
        padding: 0;
	}
	.w-headerslider .w-slider__title {
		margin-left: 50px;
        background-color: white;
	}
    .w-headerslider .w-slider__lead {
		margin-left: 70px;
        background-color: white;
	}
    .w-headerslider .w-slider__links {
    text-align: left;
        margin-left: 80px;
    }
}

/* Indikatoren unter dem Slider */
.w-headerslider .slick-dots li button:before {
	font-size: 15px;
}
.w-headerslider .slick-dots li.slick-active button:before {
	color: #DF002A;
	opacity: 1;
}


.w-buttons__item--buttonsecondary a {
	background-color: #ccc;
	color: #333;
}
.w-buttons__item--buttonsecondary a:focus, .w-buttons__item--buttonsecondary a:active, .w-buttons__item--buttonsecondary a:hover  {
	background-color: #bbb;
	color: #333;
}
.w-buttons__item--buttonwhite a {
	background-color: white;
	color: #333;
}
.w-buttons__item--buttonwhite a:focus, .w-buttons__item--buttonwhite a:active, .w-buttons__item--buttonwhite a:hover  {
	background-color: #eee;
	color: #333;
}


/* Startseite Kreis Wir sind für Sie da! */
.w-sometimes-a-circle {
	max-width: 1100px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	margin: 0 auto;
}
.w-sometimes-a-circle--inner {
	margin-bottom: 50px;
}
@media (min-width: 1000px) {
	.w-sometimes-a-circle--inner {
		margin-left: auto;
		position: absolute;
		top: -500px;
		right: 15px;
		width: 200px;
		height: 200px;
		border-radius: 50%;
		background-color: white;
		padding-top: 42px;
		margin-bottom: 15px;
	}
}
.w-sometimes-a-circle--heading {
	margin-bottom: 10px;
	text-align: center;
	position: relative;
}
.w-sometimes-a-circle--heading:before {
	content: "»";
    color: #DF002A;
    font-size: 2.5em;
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 0.1em;
    line-height: 0.1;
}
.w-sometimes-a-circle--tel {
	text-align: center;
	font-weight: 500;
	margin-bottom: 10px;
}
.w-sometimes-a-circle--oeffnungszeiten {
	text-align: center;
}

/* Aktuelles auf der Startseite */
.paragraph--type--listen {
}
.paragraph--type--listen form {
	margin-bottom: 40px;
	display: flex;
}
.paragraph--type--listen form .form-item-title {
	flex: 1 1 100%;
	padding-right: 30px;
}
@media only screen and (max-width: 450px) {
	.paragraph--type--listen form {
		flex-wrap: wrap;
		}
	}


.paragraph--type--listen .aktuelles-thema-full__body, .paragraph--type--listen .veranstaltung__body {
	margin-bottom: 15px;
}
.paragraph--type--listen article,
.paragraph--type--blockreferenz article,
.gruppenglossar article {
	background-color: #F0F0F0;
	padding: 15px;
	margin-bottom: 30px;
	border-bottom: 3px solid #0069B3;
}
@media (min-width: 600px) {
	.paragraph--type--listen article,
	.paragraph--type--blockreferenz article {
		min-height: 300px;
	}
}
/* Wenn die Teaser in einer Section stecken, sollte sie grau sein, deshalb Teaser weiß */
.w-section .paragraph--type--listen article:not(.group-teaser),
.w-section .paragraph--type--blockreferenz article:not(.group-teaser) {
	background-color: white;
}
/* Frickelselektor Galore */
.w-section .paragraph--type--listen article > div > div,
.w-section .paragraph--type--blockreferenz article > div > div,
.gruppenglossar .gruppe-full__body {
	margin-bottom: 15px;
}
/* Es wird immer schlimmer. Titel der Felder */
.w-section .paragraph--type--listen article > div > div > div,
.w-section .paragraph--type--blockreferenz article > div > div > div {
	display: inline;
}
.paragraph--type--listen article .veranstaltung__image, .paragraph--type--listen article .aktuelles-thema-full__image, .paragraph--type--blockreferenz article .aktuelles-thema-full__image {
	margin-left: -15px;
	margin-right: -15px;
	margin-top: -15px;
}
.paragraph--type--listen article span,
.paragraph--type--blockreferenz article span {
	color: #333;
	display: block;
}
.paragraph--type--listen article a span:hover,
.paragraph--type--blockreferenz article a span:hover,
.gruppenglossar article a span:hover {
	color: #DF002A;
}
.paragraph--type--listen ul.links,
.paragraph--type--blockreferenz ul.links,
.gruppenglossar ul.links {
	list-style-type: none;
	padding: 0;
}
/* Mehr-Laden-Button */
.paragraph--type--listen .pager,
.paragraph--type--blockreferenz .pager {
	list-style-type: none;
	padding: 0;
	text-align: center;
}

@media (min-width: 600px) {
	.paragraph--type--listen .views-infinite-scroll-content-wrapper,
	.paragraph--type--blockreferenz .views-infinite-scroll-content-wrapper {
		margin-left: -30px;
		display: flex;
		flex-wrap: wrap;
	}
	.paragraph--type--listen .views-row,
	.paragraph--type--blockreferenz .views-row {
		flex: 0 0 50%;
		padding-left: 30px;
	}
}
@media (min-width: 900px) {
	.paragraph--type--listen .views-row,
	.paragraph--type--blockreferenz .views-row {
		flex: 0 0 33.33%;
		-ms-flex: 0 0 30.5%;
	}
}
/* Fokus */
.w-container{
	transition: transform .25s;
}
.w-container:hover{
	transform: scale(1.05);
}

.veranstaltung__image {
	margin-bottom: 20px;
}
.veranstaltung__image img {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	display: block;
}

.veranstaltung-meta {
	margin-bottom: 20px;
}
.veranstaltung-meta__icon {
	width: 1em;
	height: auto;
	display: inline-block;
}
.veranstaltung-meta__single {
	margin-bottom: 7px;
}
.veranstaltung-meta__single > div {
	display: inline-block;
}
.veranstaltung__body {
	margin-bottom: 30px;
}



.aktuelles-thema-full__image {
	margin-bottom: 20px;
}
.aktuelles-thema-full__image img {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	display: block;
}


.gruppe-full__kategorie {
	margin-left: -8px;
}
.gruppe-full__kategorie a {
	font-size: 0.9em;
	background-color: #0069b3;
	color: white;
	font-weight: 500;
	padding: 4px 10px 6px 10px;
	display: inline-block;
	margin-bottom: 10px;
	margin-left: 8px;
}
.gruppe-full__kategorie a:hover, .gruppe-full__kategorie a:focus, .gruppe-full__kategorie a:active {
	background-color: #4f9bd1;
}

.gruppe-full__kategorie div {
	display: inline;
}

.form-item div {
	margin-bottom: 15px;
}

.w-linklist__item svg {
    width: auto;
    height: 13px;
}

/*Galerie Slider*/

.w-galerie .slick-prev:before, .w-galerie .slick-next:before {
	color: #0069B3;
}