/*
	Historischer Verein Wolfratshausen
*/

:root {

	--farbe-rot:                   #b2001a;
	--farbe-rot-ganzdunkel:        #59000D;
	--farbe-grau:                  #999999;
	--farbe-grau-hell:             #b8b8b8;
	--farbe-grau-heller:           #d6d6d6;
	--farbe-grau-dunkel:           #6b6b6b;
	--farbe-anthrazit:             #333333;
	--farbe-weiss:                 #ffffff;

	--farbe-marke:                 var(--farbe-rot);
	--farbe-marke-sekundaer:       var(--farbe-grau);

	--farbe-text:                  #000000;

	--farbe-slider:                var(--farbe-grau);
	--farbe-slider-button:         var(--farbe-grau-dunkel);
	--farbe-slider-navi:           var(--farbe-grau-dunkel);
	--farbe-slider-navi-border:    var(--farbe-grau);
	--farbe-slider-navi-text:      var(--farbe-weiss);
	--farbe-slider-navi-hover:     var(--farbe-anthrazit);
	--farbe-sectionTop:            var(--farbe-grau-dunkel);

}

.p-t-0 { padding-top: 0 !important; } 
.p-t-1 { padding-top: 10px !important; } 
.p-t-2 { padding-top: 20px !important; } 
.p-t-3 { padding-top: 30px !important; } 
.p-t-4 { padding-top: 50px !important; }
.p-t-5 { padding-top: 80px !important; }
.p-b-0 { padding-bottom: 0 !important; } 
.p-b-1 { padding-bottom: 10px !important; } 
.p-b-2 { padding-bottom: 20px !important; } 
.p-b-3 { padding-bottom: 30px !important; } 
.p-b-4 { padding-bottom: 50px !important; }
.p-b-5 { padding-bottom: 80px !important; }
.m-t-0 { margin-top: 0 !important; } 
.m-t-1 { margin-top: 10px !important; } 
.m-t-2 { margin-top: 20px !important; } 
.m-t-3 { margin-top: 30px !important; } 
.m-t-4 { margin-top: 50px !important; }
.m-t-5 { margin-top: 80px !important; }
.m-b-0 { margin-bottom: 0 !important; } 
.m-b-1 { margin-bottom: 10px !important; } 
.m-b-2 { margin-bottom: 20px !important; } 
.m-b-3 { margin-bottom: 30px !important; } 
.m-b-4 { margin-bottom: 50px !important; }
.m-b-5 { margin-bottom: 80px !important; }


.bg-hellgrau {
	background-color: rgba(0,0,0,0.1) !important;
}

html { font-size: 100%; }

body {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 400;
}



h1, h2, h3 {
	font-family: Khand, Arial, sans-serif;
}
h1 {
	font-size: 48px;
	font-size: 3rem;
}
h2 {
	font-size: 40px;
	font-size: 2.5rem;
	line-height: 1.4;
}
@media screen and (max-width: 480px) {
	h1 {
		font-size: 40px;
		font-size: 2.5rem;
	}
	h2 {
		font-size: 32px;
		font-size: 2rem;
		hyphens: auto;
	}
}



#wrapper .slider.mod_newslist .layout_latest {
	padding: 40px 40px 0 40px;
	width: 100%;
}
#wrapper .slider.mod_newslist .caption .list-nav {
	background: var(--farbe-slider-button);
	height: 52px !important;
}
#wrapper .slider.mod_newslist .list-nav a {
	background: var(--farbe-slider-navi);
	border-right: 1px solid var(--farbe-slider-navi-border);
}
#wrapper .slider.mod_newslist .list-nav a i {
	margin-top: -27px;
	color: var(--farbe-slider-navi-text);
}
#wrapper .slider.mod_newslist .list-nav a:hover {
	background: var(--farbe-slider-navi-hover);
}
#wrapper .slider.mod_newslist .list-nav a:hover i {
	color: #ffffff;
}
#wrapper .slider.mod_newslist {
	border-top: 2px solid var(--farbe-grau);
}
#wrapper .slider.mod_newslist .indicators {
	border-top: 2px solid var(--farbe-rot);
}
#wrapper .slider.mod_newslist .more a {
	background: var(--farbe-marke);
	color: #ffffff;
	font-weight: 400;
}

#wrapper .slider.mod_newslist .list-nav {
	height: 40px;
}

@media screen and (min-width: 900px) {
	#wrapper .slider.mod_newslist .img { width: calc(100% - 400px); }
	#wrapper .slider.mod_newslist .caption { width: 400px; }
	.mod_newslist.slider > ul:first-child { height: 400px !important; }
}
@media screen and (min-width: 1200px) {
	#wrapper .slider.mod_newslist .img { width: calc(100% - 500px); }
	#wrapper .slider.mod_newslist .caption { width: 500px; }
	.mod_newslist.slider > ul:first-child { height: 500px !important; }
	#wrapper .slider.mod_newslist .layout_latest { padding: 70px 70px 0 70px; width: 100%; }
}
@media screen and (min-width: 1480px) {
	#wrapper .slider.mod_newslist .img { width: calc(100% - 600px); }
	#wrapper .slider.mod_newslist .caption { width: 600px; }
	.mod_newslist.slider > ul:first-child { height: 600px !important; }
	#wrapper .slider.mod_newslist .layout_latest { padding: 70px 70px 0 70px; width: 100%; }
}
@media screen and (max-width: 767px) {
	#wrapper .slider.mod_newslist:not(.custom), #wrapper .mod_newslist:not(.custom) .slides { height: 580px !important; }
	#wrapper .slider.mod_newslist h2 { font-size: 32px; }
	#wrapper .slider.mod_newslist .slides li .caption p { margin: 0 0 15px 0; }
	#wrapper .slider.mod_newslist .img { height: 280px; }
	#wrapper .slider.mod_newslist .caption { height: 300px; }
	#wrapper .slider.mod_newslist .layout_latest { padding: 30px 30px 0 30px; width: 100%; }
}
@media screen and (max-width: 480px) {
	#wrapper .slider.mod_newslist:not(.custom), #wrapper .mod_newslist:not(.custom) .slides { height: 620px !important; }
	.mod_newslist.slider > ul:first-child { height: 620px !important; }
	#wrapper .slider.mod_newslist h2 { font-size: 28px; }
	#wrapper .slider.mod_newslist .slides li .caption p { margin: 0 0 15px 0; }
	#wrapper .slider.mod_newslist .img { height: 280px; }
	#wrapper .slider.mod_newslist .caption { height: 340px; }
	#wrapper .slider.mod_newslist .layout_latest { padding: 15px 15px 0 15px; width: 100%; }
}





.btn, .btn-large, .btn-small,
 .ce_mateContentBox .pageLink a {
	height: auto;
}
#wrapper .btn, #wrapper .btn-large, #wrapper .btn-small, #wrapper .table-of-contents li a, .table-of-contents li #wrapper a, #wrapper #header .search-box .submit, #header .search-box #wrapper .submit, #wrapper .ce_mateContentBox .pageLink a, .ce_mateContentBox .pageLink #wrapper a, #wrapper .ce_ct_contentBox .pageLink a, .ce_ct_contentBox .pageLink #wrapper a, #wrapper .ce_mateTeaserBox .pageLink a, .ce_mateTeaserBox .pageLink #wrapper a, #wrapper .ce_ct_teaserBox .pageLink a, .ce_ct_teaserBox .pageLink #wrapper a, #wrapper .datepicker-container .btn-flat, .datepicker-container #wrapper .btn-flat, #wrapper .submit, #wrapper .picker__frame .btn-flat, #wrapper .slider.mod_newslist .more a, #wrapper .layout_short .inner a.more, #wrapper .layout_list .inner a.more {
	font-size: 16px;
	line-height: 1.2;
}
.ce_hyperlink, 
.content-hyperlink {
	display: inline-block;
	padding: 0;
	font-size: 16px;
	font-weight: 400;
	height: auto;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: 1px;
	box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.25);
}
.ce_hyperlink a, 
.content-hyperlink a {
	color: #ffffff;
	padding: 12px 20px;
	display: block;
	background: var(--farbe-rot);
}


.ce_mateTeaserBox {
	position: relative;
}
.ce_mateTeaserBox::before {
	content: "";
	display: block;
	padding-top: 100%;
}
.ce_mateTeaserBox > .inside {
	position: absolute;
	top: 0;
	right: 15px;
	bottom: 0;
	left: 15px;
}
@media screen and (max-width: 600px) {
	.ce_mateTeaserBox::before {
		display: none;
	}
	.ce_mateTeaserBox > .inside {
		position: relative;
		top: auto;
		right: auto;
		bottom: auto;
		left: auto;
		padding-bottom: 35px !important;
	}
}
@media screen and (min-width: 481px) and (max-width: 600px) {
	.ce_mateTeaserBox > .inside .image_container {
		padding: 0 25px;
	}
}
.mod_article.vorstand .ce_mateTeaserBox::before {
	display: none;
}
.mod_article.vorstand .ce_mateTeaserBox > .inside {
	position: relative;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	padding-bottom: 35px !important;
}
.ce_mateTeaserBox .inside, .ce_ct_teaserBox .inside {
	box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.25);
}


@media screen and (min-width: 601px) and (max-width: 767px) {
	.ce_mateTeaserBox h1, .ce_mateTeaserBox h2, .ce_mateTeaserBox h3, .ce_mateTeaserBox h4, .ce_mateTeaserBox h5, .ce_mateTeaserBox h6, .ce_mateTeaserBox p, .ce_ct_teaserBox h1, .ce_ct_teaserBox h2, .ce_ct_teaserBox h3, .ce_ct_teaserBox h4, .ce_ct_teaserBox h5, .ce_ct_teaserBox h6, .ce_ct_teaserBox p {
		padding-right: 0;
		padding-left: 0;
	}
}
@media screen and (max-width: 480px) {
	.ce_mateTeaserBox h1, .ce_mateTeaserBox h2, .ce_mateTeaserBox h3, .ce_mateTeaserBox h4, .ce_mateTeaserBox h5, .ce_mateTeaserBox h6, .ce_mateTeaserBox p, .ce_ct_teaserBox h1, .ce_ct_teaserBox h2, .ce_ct_teaserBox h3, .ce_ct_teaserBox h4, .ce_ct_teaserBox h5, .ce_ct_teaserBox h6, .ce_ct_teaserBox p {
		padding-right: 0;
		padding-left: 0;
	}
}






.slider-control {
	background-color: transparent;
	box-shadow: none;
	height: 50px;
}
.slider-control .slider-menu {
	font-size: 32px;
}
.slider-control .slider-menu b {
	padding: 0 5px;
}
.slider-control a.slider-prev, 
.slider-control a.slider-next {
	display: block;
	overflow: hidden;
	width: 50px;
	height: 50px;
}
.slider-control a.slider-prev .text, 
.slider-control a.slider-next .text {
	display: block;
	overflow: hidden;
	text-indent: -500px;
}
.slider-control a.slider-prev i.material-icons, 
.slider-control a.slider-next i.material-icons {
	position: absolute;
	left: 0;
	font-size: 42px;
}

.mod_article.bg-hellgrau {
	margin-right: -25px;
	margin-left: -25px;
	width: calc(100% + 50px);
	padding-right: 25px;
	padding-left: 25px;
}


@media only screen and (min-width: 1080px) {
	header + .container {
		width: 100%;
		max-width: none;
	}
	#main .mod_article {
		width: 100%;
		max-width: 1080px;
		margin: 0 auto;
	}
	#main .mod_article.volle-breite {
		width: 100%;
		max-width: none;
		margin: 0 auto;
	}
	#main .mod_article.volle-breite .inside {
		width: 100%;
		max-width: 1080px;
		margin: 0 auto;
	}
}




.sectionTop {
	background: var(--farbe-sectionTop);
}
.sectionTop .inside > div {
	font-size: 16px;
	padding: 3px 0;
	justify-content: end;
}
#header .desktop-menu {
	width: 66%;
}
nav .brand-logo {
	width: 270px;
}
nav ul a {
	padding: 0 10px;
}
#header .mod_mateNavbar.stuck {
	background: var(--farbe-grau-hell);
}

@media (min-width: 993px) {
	#header .desktop-menu {
		margin-right: 0;
	}
}




#wrapper .slider.mod_newslist .caption {
	background: var(--farbe-slider);
}


footer.page-footer {
	background: var(--farbe-grau-dunkel);
}
footer.page-footer .footer-copyright a {
  color: var(--farbe-grau-hell);
}
footer.page-footer .layout_simple time, 
footer.page-footer .layout_upcoming time {
	color: var(--farbe-grau-heller);
	font-weight: bold;
	font-size: 16px;
	font-size: 1rem;
}
footer.page-footer > .container a:hover, 
.sectionTop footer.page-footer > .inside a:hover, 
#header footer.page-footer > .nav-wrapper a:hover {
	color: var(--farbe-grau-hell);
}


.btn, .btn-large, .btn-small, .table-of-contents li a, #header .search-box .submit, .ce_mateContentBox .pageLink a, .ce_ct_contentBox .pageLink a, .ce_mateTeaserBox .pageLink a, .ce_ct_teaserBox .pageLink a, .datepicker-container .btn-flat, .submit {
	font-weight: 400;
}

/*
.caption {
	position: absolute;
	bottom: 2px;
	left: 5px;
	font-weight: normal;
	color: #ffffff;
	text-shadow: 0 0 3px 5px #000000;
}
*/
.caption {
	position: relative;
	bottom: auto;
	left: auto;
	font-weight: normal;
	color: inherit;
	text-shadow: none;
	margin-top: 5px;
	font-size: 1rem;
}
#main .layout_latest .subheadline, .layout_teaser .subheadline {
	top: 25px;
	bottom: auto;
	background: var(--farbe-marke);
	padding: 3px 8px;
}
.layout_full .info {
	font-size: 14px;
	font-size: 0.875rem;
	color: var(--farbe-grau-dunkel);
}
.layout_full .subheadline {
	font-size: 14px;
	font-size: 0.875rem;	
}

#wrapper .slider.mod_newslist .subheadline {
	font-size: 13px;
}


.layout_latest .inner, .layout_short .inner, .layout_teaser .inner, .layout_list .inner {
	box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.25);
}


.ce_mateContentBox .inside {
	padding: 30px 50px 75px 50px;
	display: block;
}
.ce_mateContentBox .inside h2 {
	line-height: 1.25;
}
.ce_mateContentBox .pageLink {
	position: absolute;
	bottom: 25px;
	left: 0;
	right: 0;
}

.ce_mateTeaserBox .inside, .ce_ct_teaserBox .inside {
	padding: 35px 15px 70px 15px;
}


.ce_image.zentriert .image_container {
	text-align: center;
}


.mod_eventlist .layout_upcoming, 
.mod_newslist .layout_simple {
	margin-bottom: 15px;
}
.mod_eventlist .layout_list {
	position: relative;
}
.mod_eventlist .layout_list::before {
	content: "";
	display: block;
	padding-top: 100%;
}
.mod_eventlist .layout_list .inner {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.mod_eventlist .layout_teaser {
	position: relative;
}
.mod_eventlist .layout_teaser::before {
	content: "";
	display: block;
	padding-top: 100%;
}
.mod_eventlist .layout_teaser .inner {
	position: absolute;
	top: 0;
	right: 0.75rem;
	bottom: 0;
	left: 0.75rem;
}
.mod_eventlist .layout_teaser .inner .image_container {
	height: 50%;
}
.mod_eventlist .layout_teaser .inner .image_container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}



.mod_newslist .layout_simple span[itemprop=headline] {
	font-size: 1.25em;
	display: block;
}

.mod_newslist .layout_short .inner .info {
	display: inline-block;
	font-size: 18px;
	font-size: 1.125rem;
	color: var(--farbe-text);
}
.mod_newslist .layout_short .subheadline {
	display: block;
	font-size: 16px;
	font-size: 1rem;
	color: var(--farbe-text);
	margin-top: 0;
}
.mod_newslist .layout_short .inner h2 {
	font-size: 32px;
	font-size: 2rem;
}






.mod_newslist.buecher .layout_latest .inner .more, 
.mod_newslist.buecher .layout_teaser .inner .more {
  position: absolute;
  top: auto;
  right: auto;
  left: 30px;
  font-size: 16px;
  line-height: 1.5;
  background: #B2001A;
  color: #fff;
  padding: 5px 15px 5px 15px;
  border-radius: 0;
  width: auto;
  height: auto;
  text-align: center;
  font-weight: 400;
  box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.25);
}
.mod_newslist.buecher .layout_latest .inner .more:hover, 
.mod_newslist.buecher .layout_teaser .inner .more:hover {
	background-color: #404040;
}
.mod_newslist.buecher .layout_latest .inner .image_container {
	width: 100%;
	height: 480px;
	padding: 25px;
	margin-bottom: 0;
/*	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;  */
	text-align: center;
}
.mod_newslist.buecher .layout_latest .inner .image_container img {
	height: 100%;
	width: auto;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}
.mod_newslist.buecher .layout_latest .inner .image_container a img:hover {
	filter: brightness(50%);
}
.mod_newslist.buecher .layout_latest h2, 
.mod_newslist.buecher .layout_teaser h2 {
	line-height: 1.25;
}
.mod_newslist.buecher .layout_latest .inner .text, 
.mod_newslist.buecher .layout_short .inner .text, 
.mod_newslist.buecher .layout_teaser .inner .text, 
.mod_newslist.buecher .layout_list .inner .text {
	padding: 0 30px 55px 30px;
}



footer.page-footer .layout_simple time, 
footer.page-footer .layout_upcoming time, 
footer.page-footer .layout_simple time {
	font-family: "Lato Light";
	font-size: 16px;
	font-size: 1rem;
}
footer.page-footer .layout_simple a, 
footer.page-footer .layout_upcoming a {
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 1.25;
	display: block;
}
footer .mod_newslist .layout_simple span[itemprop=headline] {
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 1.25;
	display: block;
}




form span.mandatory {
	color: var(--farbe-rot);
	padding-left: 3px;
	font-size: 1.25em;
	line-height: 0.8;
}
.widget.widget-text > label, .widget.widget-textarea > label, .widget.widget-password > label {
	font-size: 18px;
	font-size: 1.125rem;
}
.widget.widget-text > label:not(.label-icon).active, .widget.widget-textarea > label:not(.label-icon).active, .widget.widget-password > label:not(.label-icon).active {
  transform: translateY(-18px) scale(0.9);
  transform-origin: 0 0;
}

.widget-text.buch {
	width: 100%;
}
.widget-text.buch label, 
.widget.widget-text.buch > label:not(.label-icon).active {
	position: relative;
	top: auto;
	right: auto; bottom: auto;
	left: auto;
	transform: none;
	display: inline-block;
	margin-left: 15px;
	margin-top: -3px;
	width: calc(100% - 100px);
}
.widget-text.buch label::first-line, 
.widget.widget-text.buch > label:not(.label-icon).active::first-line {
	font-size: 18px;
	font-weight: bold;
}
.widget-text.buch.vergriffen label, 
.widget.widget-text.buch.vergriffen > label:not(.label-icon).active {
	margin-left: 85px;
}
.widget-text.buch.vergriffen label:before, 
.widget.widget-text.buch.vergriffen > label:not(.label-icon).active:before {
	content: 'vergriffen';
	hyphens: auto;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.2;
	width: 70px;
	margin-top: 3px;
	color: var(--farbe-rot);
	position: absolute;
	left: -85px;
	
}
.widget-text.buch input {
	width: 70px;
	display: inline-block;
	float: left;
}
.widget-text.buch input.vergriffen {
	display: none;
}
.widget-submit button.submit {
	font-size: 18px !important;
	line-height: 1 !important;
	padding: 15px 30px !important;
	height: auto !important;
}

.checkbox_container, .radio_container {
  border: 1px solid #999999;
}