/* 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;
}

/* Überschriften */
h1.page-title {
	margin-top: 40px;
    font-size: 2em;
}


	.w-heading > h1, .w-heading > h2, h1.page-title > span {
		display: inline-block;
		font-weight: 600;
		position: relative;
		margin: 1.7em 0 1.2em 0;
	}
	.w-heading > h1:before, .w-heading > h2:before{
		width: 80px;
		content: "";
		background: #34b9f4;
		display: inline-block;
		position: absolute;
		height: 5px;
		top: -8px;
		font-size: 3em;
	}
h1.page-title > span:before {
		width: 80px;
		content: "";
		background: #34b9f4;
		display: inline-block;
		position: absolute;
		height: 5px;
		top: -12px;
		font-size: 3em;
	}

/* Image Slider */
.w-headerslider.slick-dotted.slick-slider {
	
    max-width: 1920px;
	margin: 0 auto ;
}
.w-headerslider .w-slide {
	background-size: auto 100%;
	background-repeat: no-repeat;
    background-position: center;
}

.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;
    background-color: white;
    padding: 15px;
    border-top: 6px solid #34b9f4;
    bottom: 2vw;
}
@media (min-width: 1920px) { 
    .w-headerslider .inner2 {
       
        bottom: 50px;
    }
}
.w-headerslider .w-slider__title {
	display: inline-block;
	margin-right: 50px;
}
.w-headerslider .w-slider__title h2 {
	font-weight: normal;
	margin-top: 0em;
}

.w-headerslider .w-slider__lead {
	 
	margin-left: auto;
}
.w-headerslider .w-slider__links {
	text-align: left;
	padding-top: 10px;
}
.w-headerslider .w-slider__links > div {
	display: inline-block;
}
@media only screen and (max-width: 768px) {
    .w-headerslider .inner2 {
        position: relative;
        top: unset;
    }
    .w-headerslider .inner {
        padding: 0;
    }
}

@media only screen and (max-width: 480px) {
	
	}

/* Indikatoren unter dem Slider */
.slick-dots li button:before {
	font-size: 15px !important;
}
.slick-dots li.slick-active button:before {
	color: #34b9f4 !important;
	opacity: 1 !important;
}

.slick-dots {
    
    margin: 0 !important;
}
.w-headerslider .slick-dots {
bottom: 10px;
}
#block-views-block-headerslider-block-1 {
    background: #EBFAFD;
}
.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 {
	padding: 15px;
	margin-top: 30px;
	border-top: 5px solid #DF002A;
	border-left: 3px solid #F0F0F0;
	border-bottom: 3px solid #F0F0F0;
	border-right: 3px solid #F0F0F0;
	background-color: #fff;
}
@media (min-width: 600px) {
	.paragraph--type--listen article,
	.paragraph--type--blockreferenz article {
		min-height: 300px;
	}
}


/* Frickelselektor Galore */
.w-section .paragraph--type--listen article > div > div,
.w-section .paragraph--type--blockreferenz article > div > div {
	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: #000;
	display: block;
}
.paragraph--type--listen article a span:hover,
.paragraph--type--blockreferenz article  a span:hover {
	color: #34b9f4;
}
.paragraph--type--listen ul.links,
.paragraph--type--blockreferenz 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{
	position: relative;
	margin-top: 20px;
	transition: transform .25s;
	height: 350px;
}
@media (max-width: 1000px) {
	.w-container{
		height: 390px;
	}
}
@media (max-width: 900px) {
	.w-container{
		height: auto;
	}
}
.w-container:hover{
	transform: scale(1.05);
}
.fokus-icon{
	border-radius: 50%;
	border-width: 3px;
	border-style: solid;
	border-color: white;
	position: relative;
	padding: 10px;
	width: 130px;   
	display: block;
	margin-top: -100px !important;   
}


#fokus-1 {
	background: #34b9f4;
}
#fokus-2 {
	background: #34b9f4;
}
#fokus-3 {
	background: #34b9f4;
}
.w-container h3{
	margin-top: 20px;
	color: #000;
}
.w-container a{
	text-align: center;
	display: block;
}
.w-container a:hover{
	text-decoration: underline;
}
.w-linklist__icon{
	display: none;
}
@media (max-width: 900px) {
	.w-container{
		margin-top: 50px;
	}
}



.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: 1em;
	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;
}


/* Kommentare */
.kommentare_zitate_img img {
    width: 200px;
    border-radius: 100%;
    float: left;
    margin-right: 3em;
}

.kommentare_zitate_text {
    margin-top: 1em;
    width: 1000px;
    font-size: 1.2em;
    line-height: 150%;
}

.kommentare_zitate_text strong{
   color: #34b9f4;
font-size: 1.5em;
display: block;
    margin-bottom: 10px;
}


@media only screen and (max-width: 1090px) {
	.kommentare_zitate_text {
		width: 750px;
	}
}

@media only screen and (max-width: 860px) {
	.kommentare_zitate_text {
		width: 700px;
	}
}

@media only screen and (max-width: 780px) {
	.kommentare_zitate_text {
		width: 600px;
	}
}

@media only screen and (max-width: 680px) {
	.kommentare_zitate_text {
		width: 300px;
		clear: both;
		margin: 0 auto;
	}

	.kommentare_zitate_img img {
		width: 150px;
		float: none;
		margin: 20px auto;
	}
}


.kommentare_zitate_item::before {
    content: "";
    background-image: url(/themes/freiburg/images/kommentare/kommentare-icon.svg);
    width: 70px;
    height: 70px;
    position: absolute;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 60px 60px;
    bottom: 0;
    margin-left: 10em;
}
 
.kommentare_zitate_item::after {
    content: "";
    background-image: url(/themes/freiburg/images/kommentare/kommentare-icon.svg);
    width: 70px;
    height: 70px;
    position: absolute;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 60px 60px;
    transform: rotate(180deg);
    top: 0;
    margin-left: 46em;
}

@media only screen and (max-width: 1090px) {
	.kommentare_zitate_item::after {
		position: absolute;
		display: inline-block;
		background-repeat: no-repeat;
		background-size: 60px 60px;
		transform: rotate(180deg);
		top: 0;
		margin-left: 32em;
	}
}

@media only screen and (max-width: 860px) {
	.kommentare_zitate_item::after {
		position: absolute;
		display: inline-block;
		background-repeat: no-repeat;
		background-size: 60px 60px;
		transform: rotate(180deg);
		top: 0;
		margin-left: 26em;
	}
}

@media only screen and (max-width: 780px) {
	.kommentare_zitate_item::after {
		position: absolute;
		display: inline-block;
		background-repeat: no-repeat;
		background-size: 60px 60px;
		transform: rotate(180deg);
		top: 0;
		margin-left: 22em;
	}
}

@media only screen and (max-width: 680px) {
	.kommentare_zitate_item::after {
		display: none;
	}
	.kommentare_zitate_item::before {
		display: none;
	   }
}

/* Galerie */
.w-galerie {
    margin: 0;
        margin-bottom: 0px;
    padding: 0;
}
.w-galerie__image {
	margin: 10px;
}
/* Ansprechperson */
.w-ansprechperson__image {
	flex-basis: 150px;
} 
.w-ansprechperson__image img {
	border-radius: 50%;
	border-style: solid;
	border-width: 3px;
	border-color: hsl(191, 100%, 46%);
}
.w-ansprechperson__icon {
	color: #34b9f4;
	width: 1em;
	height: 1em;
} 

/* Mitmach Icon */
#mitmachboerse-logo {
	width: 300px;
}
@media only screen and (max-width: 480px) {
#mitmachboerse-logo {
		float: none;
		width: ;
		padding: 0 0 20px 0;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
}
/* über uns Gruppenbild */
#gruppenbild {
	width: 30%;
	margin-top: -50px;
}

/* Adressblock */
.paragraph--type--adressblock {
	padding: 15px;
}

.paragraph--type--adressblock div:first-child{
	font-weight: 600;
}

.w-spacer{
	clear: both;
}

/* Footer */
@media only screen and (max-width: 765px) {
	.gb-grid-wrapper > .gb-grid-column{
		margin: auto;
		width: 280px !important;
	}
	.gb-grid-wrapper-5abc6193 {
		flex-direction: column;
		margin: auto;
	}	
}