/*
	TSV Partenkirchen
*/


:root {
	
	--farbe-grau-dunkel:            #464646;
	--farbe-grau:                   #6a6a6a;
	--farbe-grau-mittel:            #bbbbbb;
	--farbe-grau-hell:              #e6e6e6;
	--farbe-gruen:                  #009a73;
	--farbe-blaugrau:               #8aaeb9;
	--farbe-blau:                   #0042c6;
	--farbe-rot:                    #dc0800;
	--farbe-rot-dunkel:             rgb(110,4,0);
	--farbe-rot-hell:               rgb(238,132,128);
	--farbe-rot-ganzhell:           rgb(251,230,229);

	--farbe-text-dunkel:    var(--farbe-grau-dunkel);
	--farbe-text-hell:      #ffffff;
	--farbe-textlink:       var(--farbe-rot);

	--farbe-button:        var(--farbe-rot);
	--farbe-button-text:   #ffffff;

	--farbe-twitter:                #1D9BF0;
	--farbe-youtube:                rgb(255,0,0);
	--farbe-xing:                   #0698A0;
	--farbe-facebook:               #1877F2;
	--farbe-linkedin:               #0A66C2;
	--farbe-instagram:              #E4405F;
	--farbe-whatsapp:               #22D367;
	
	--farbe-tabs:                   #f4f4f4;
	--farbe-tabs-active:            #e9e9e9;

}

.p-t-0 { padding-top: 0 !important; }
.p-t-1 { padding-top: 15px !important; }
.p-t-2 { padding-top: 30px !important; }
.p-t-3 { padding-top: 45px !important; }
.p-t-4 { padding-top: 60px !important; }
.p-t-5 { padding-top: 75px !important; }
.p-b-0 { padding-bottom: 0 !important; }
.p-b-1 { padding-bottom: 15px !important; }
.p-b-2 { padding-bottom: 30px !important; }
.p-b-3 { padding-bottom: 45px !important; }
.p-b-4 { padding-bottom: 60px !important; }
.p-b-5 { padding-bottom: 75px !important; }
.m-t-0 { margin-top: 0 !important; }
.m-t-1 { margin-top: 15px !important; }
.m-t-2 { margin-top: 30px !important; }
.m-t-3 { margin-top: 45px !important; }
.m-t-4 { margin-top: 60px !important; }
.m-t-5 { margin-top: 75px !important; }
.m-b-0 { margin-bottom: 0 !important; }
.m-b-1 { margin-bottom: 15px !important; }
.m-b-2 { margin-bottom: 30px !important; }
.m-b-3 { margin-bottom: 45px !important; }
.m-b-4 { margin-bottom: 60px !important; }
.m-b-5 { margin-bottom: 75px !important; }




.textcenter {
	text-align: center;
}

h1 {
	font-size: 2.5rem;
	margin-bottom: 30px;
}
h2 {
	margin-bottom: 25px;
	font-size: 2rem;
}
h4 {
	font-size: 1.25rem;
}
.h4-rot h4 {
	color: var(--farbe-rot);
}

p.back a, p.more a, .link a, 
p.back a:hover, p.more a:hover, .link a:hover {
	color: var(--farbe-textlink);
}
p.back a::before, p.more a::before, .bgfix.bggrey .link a::before, .bgfix.bgdark .link a::before, .link a::before {
	background-color: var(--farbe-textlink);
}


#main .image_container .caption {
	font-size: 1.0rem;
	color: #000000;
	padding: 7px 6px 3px 6px;
}
#main .ce_image.slick-slide .image_container .caption {
	padding: 10px 10px 5px 10px;
	bottom: auto;
	top: 0;
	background-color: rgba(244, 244, 244, 0.85);
}


.headercontainer .inside {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: end;
	padding-top: 25px;
	padding-bottom: 5px;
}
.fixed-topnavi {
	position: absolute;
	width: 100%;
	z-index: 9;
}
.headercontainer, 
.home .navi-section.js--is-fixed {
	background-color: rgba(255,255,255,0.9);
}
#header .mod_article {
	padding-top: 110px;
}
#header .mod_article.kopfbild {
	padding-top: 110px;
}

.mod_ctslogobgimg.logo, .ce_ctslogobgimg.logo {
	position: absolute;
	top: -25px;
	left: 40px;
	z-index: 999;
	background-size: contain;
	background-position: left top;
}

.navisectionfixed .mod_ctslogobgimg.logo, .ce_ctslogobgimg.logo {
	top: 5px;
}
.navi-section.js--is-fixed .mod_ctslogobgimg.logo, .navi-section.js--is-fixed .ce_ctslogobgimg.logo {
	width: 200px;
	height: 84px;
}

@media screen and (max-width: 992px) {
	.headercontainer .inside {
		padding-top: 0;
		padding-bottom: 0;
	}
	#header .mod_article {
		padding-top: 90px;
	}
}
@media screen and (max-width: 767px) {
	.ce_wrapper.top {
		display: none;
	}
	.mod_ctslogobgimg.logo, .ce_ctslogobgimg.logo {
		top: 10px;
		left: 20px;
	}
	.headercontainer .inside {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#header .mod_article {
		padding-top: 90px;
	}
}
@media screen and (max-width: 575px) {
	.headercontainer .inside {
		padding-top: 5px !important;
		padding-bottom: 15px !important;
	}
	.mod_ctslogobgimg.logo, .ce_ctslogobgimg.logo {
		width: 240px;
		height: 80px;
	}
	#header .mod_article {
		padding-top: 70px;
	}
}


.ce-slider img, .content-slider img {
	width: auto;
}
.logo-slider .ce_image {
	width: 20%;
	float: left;
	text-align: center;
}
.logo-slider .slider-control {
	padding-bottom: 45px;
}
.logo-slider .slider-control a {
	top: calc(50% - 22px);
}
.logo-slider .slider-control .slider-menu b {
	color: #eeeeee;
}
.logo-slider .slider-control .slider-menu b.active {
	color: var(--farbe-rot);
}
.logo-slider .content-slider {
	background-color: var(--farbe-grau-hell);
}


body.reader-seite 
#container {
	padding-top: 120px;
}

#main > .inside {
	padding-bottom: 0;
}

@media screen and (max-width: 480px) {
	.leftcolumn #main > .inside {
		padding: 30px 15px;
	}
}

.fullwidth #main .mod_article {
	padding-bottom: 0;
}









/*  ==========  Navigation  ==========  */

/*
.mainmenu > ul.level_1 > li {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
*/
.mainmenu > ul.level_1 > li br {
	display: none;
}
.mainmenu > ul > li a, 
.mainmenu > ul > li strong {
	font-size: 14px;
}
.mainmenu li ul.level_2, 
.mainmenu li:hover ul.level_2 {
	min-width: 160px;
}

.mainmenu ul li.bigmenu ul.level_2 {
	width: 580px;
}
.mainmenu ul li.bigmenu ul li.wrap ul li {
	width: 50% !important;
	float: left;
}


.submenulr a.active, .submenulr a.trail, .submenulr a:hover, .submenulr strong {
  background-color: var(--farbe-rot);
  color: rgba(255,255,255,1);
  text-decoration: none;
  transition: All 0.4s ease;
}

@media (max-width: 1440px) {
	.mainmenu {
		display: none;
	}
	button.nav-mobile, .mod_quicknav.quickmobile, .mod_mobile_menu, a.nav-mobile {
		display: flex !important;
	}
}
@media (min-width: 1440px) {
	.mainmenu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		overflow: visible;
	}
	button.nav-mobile, .mod_quicknav.quickmobile, .mod_mobile_menu, a.nav-mobile {
		display: none !important;
	}
}


/*  ==========  /Navigation  ==========  */



.mod_ticker .tickertext, 
.mod_ticker .msg-white, .mod_ticker .msg-white a {
	background-color: transparent;
	color: inherit;
	font-size: 22px;
}






.ce_ctsslickslider .slick-slide .inside .contentwrapper {
	display: flex;
	flex-direction: row;
}
.ce_ctsslickslider .slick-slide .inside.hcenter .contentwrapper {
	justify-content: center;
}
.ce_ctsslickslider .slick-slide .inside.hright .contentwrapper {
	justify-content: end;
}
.ce_ctsslickslider .slick-slide.slick-active .inside .contentwrapper .inner {
	background-color: rgba(255,255,255,0.8);
	width: unset;
	max-width: 50%;
	padding: 25px 30px;
	animation-name: slickfadeIn;
	animation-fill-mode: both;
	animation-duration: 2s;
	animation-delay: 0.5s;
}
.ctsheaderimagev2 .linkwrapper .link {
	margin-top: 15px;
}
.ctsheaderimagev2 .contentwrapper .headline.texthl {
	line-height: 1.25;
	margin-bottom: 15px;
}
.ctsheaderimagev2 .linkwrapper .link a {
	padding: 10px 20px;
	color: #ffffff;
	text-decoration: none;
	background-color: var(--farbe-rot);
}
.ctsheaderimagev2 .linkwrapper .link a:hover {
	opacity: 0.7;
}
.ctsheaderimagev2 .linkwrapper .link a:hover::before {
	display: none;
}
.ctsslickslider.dotsinside.slick-dotted .slick-dots {
	bottom: 10px;
}
.ctsslickslider .slick-dots li button::before {
	color: #eeeeee;
	opacity: 1;
}
@media only screen and (min-width: 768px) {
	.ctsheaderimagev2 .inside {
		/*  padding-bottom: 60px;  */
	}
}




#header .ce_ctsscrolllink {
	display: none;
}
.scrolllink.scrollbottom {
	bottom: 10px;
}
.scrolllink.textbutton a {
	background-color: rgba(255,255,255,0.8);
	color: #666666;
	padding: 3px 10px;
}


.ce_ctstabs ul.nav li a {
	background-color: var(--farbe-tabs);
}
.ce_ctstabs ul.nav > li {
	margin-top: 10px;
}
.ce_ctstabs ul.nav > li.active a {
	background-color: var(--farbe-tabs-active);
}
.ce_ctstabsletwrapperstart {
	background-color: var(--farbe-tabs-active);
}




.articlebg1, 
.articlebg2, 
.articlebg3, 
.articlebg4 {
	color: var(--farbe-text-hell);
}
.articlebg1, 
.articlebg3 {
	color: var(--farbe-text-dunkel);
}
.uppercase-hl h1, 
.uppercase-hl h2 {
	text-transform: uppercase;
}


.contentbox .variant3 {
	color: var(--farbe-rot-dunkel);
	background-color: var(--farbe-rot-ganzhell);
}
.contentbox .variant3 h1, .contentbox .variant3 h2, .contentbox .variant3 h3, .contentbox .variant3 h4, .contentbox .variant3 h5, .contentbox .variant3 h6 {
	color: var(--farbe-rot-dunkel);
}


.contentbox .variant4 {
	color: var(--farbe-grau-dunkel);
	background-color: var(--farbe-grau-hell);
	padding-top: 15px
}
.contentbox .variant4 h2 {
	position: relative;
	padding: 5px 25px;
	width: calc(100% + 50px);
	left: -25px;
	background-color: #ffffff;
}
.contentbox .variant4 p a {
	text-decoration: none;
	display: inline-block;
	padding: 10px 25px;
	background-color: var(--farbe-rot);
	color: var(--farbe-text-hell);
	text-transform: uppercase;
	transition: all 0.3s;
}
.contentbox .variant4 p a:hover {
	opacity: 0.7;
	transition: all 0.3s;
}


@media (min-width: 768px) {
	body.leftcolumn #main .image_container.float_right {
		margin-top: 0;
		margin-bottom: 10px;
		margin-left: 0;
	}
	body.leftcolumn #main .mod_newslist .image_container.float_right {
		margin-top: 0;
		margin-bottom: 10px;
		margin-left: 3%;
	}
}
@media (max-width: 1100px) {
	body.leftcolumn #main .image_container.float_right {
		margin-top: 0;
		margin-bottom: 10px;
		margin-left: 0;
		width: 100%;
	}
}




.mod_newslist .layout_latest .image_container {
	float: left;
	margin-top: 4px;
	margin-right: 3%;
	margin-bottom: 1%;
}




.news-spalte {
	color: var(--farbe-grau-dunkel);
	background-color: var(--farbe-grau-hell);
	padding-top: 15px;
	padding-bottom: 25px;
}
.news-spalte p {
	padding: 0;
	margin: 0;
}
.news-spalte.mod_newslist .layout_simple {
	padding: 15px;
	margin: 0;
	line-height: 1.5;
}
.news-spalte.mod_newslist .layout_simple time {
	margin: 0;
}
.news-spalte h2 {
	position: relative;
	padding: 5px 15px;
	width: 100%;
	background-color: #ffffff;
	text-decoration: none;
	color: #333;
	font-size: 1.3em;
}
.news-spalte a {
	text-decoration: none;
}
.news-spalte a:hover {
	text-decoration: underline;
}
.news-spalte h3 {
	color: #333;
	font-size: 1em;
	margin: 0;
	padding: 0;
}
.news-spalte a {
	text-decoration: none;
}
.news-spalte a:hover {
	text-decoration: underline;
}
.news-spalte p.category {
	font-weight: bold;
}
/*
.news-spalte p.more {
	position: relative;
	display: inline-block;
	padding: 0;
	margin: 0;
}
.news-spalte p.more a {
	text-transform: none;
	display: inline-block;
	text-indent: -1000px;
	padding: 0;
	margin: 0;
}
.news-spalte p.more a::after {
	content: "mehr...";
	position: absolute;
	top: 0;
	left: 1000px;
	text-decoration: underline;
}
*/
.news-spalte p.more {
	display: inline-block;
	padding-left: 5px;
}
.news-spalte p.more a {
	text-transform: none;
	margin: 0;
	width: 75px;
	height: 20px;
	overflow: hidden;
}
.news-spalte p.more a::before {
	content: 'mehr...';
	display: inline;
	position: relative;
	left: auto;
	right: auto;
	top: auto;
	transform: none;
	opacity: 1;
	background-color: transparent;
	padding-right: 25px;
}
.news-spalte p.more a:hover {
	text-decoration: underline;
}
.news-spalte p.empty {
	padding-left: 15px;;
	padding-right: 15px;;
}


.news-spalte.mod_eventlist .header {
	padding: 15px 15px 0 15px;
	margin: 0;
}
.news-spalte.mod_eventlist .layout_list {
	padding: 0 15px 15px 15px;
	margin: 0;
}



.mod_calendar td .header {
	display: inline-block;
	font-weight: bold;
	color: var(--farbe-grau-mittel);
}
.mod_calendar td .event {
	display: inline-block;
	width: auto;
	margin-left: 15px;
	font-size: inherit;
	overflow: visible;
}
.mod_calendar td.active {
	background-color: var(--farbe-grau-mittel);
	color: #ffffff;
}
.mod_calendar td.active .header, 
.mod_calendar td.active a {
	color: #ffffff;
}





.aktuelles-box {
	display: flex;
	flex-direction: row;
	column-gap: 40px;
	border-bottom: 1px solid var(--farbe-rot);
	margin-bottom: 30px;
}
.aktuelles-box .text_container {
	max-width: 100%;
}
.aktuelles-box .text_container a {
	display: inline-block;
	background-color: var(--farbe-rot);
	color: var(--farbe-text-hell);
	padding: 10px 25px;
	margin-top: 30px;
	text-decoration: none;
	transition: all 0.3s;
}
.aktuelles-box .text_container a:hover {
	opacity: 0.7;
	transition: all 0.3s;
}
.aktuelles-box .image_container {
	flex: none;
}
.aktuelles-box h3 {
	font-size: 24px;
	text-transform: uppercase;
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--farbe-text-dunkel);
}


#main .layout_latest_cts.block3 .image_container.float_below, 
#main .layout_latest_cts.block3 .image_container.float_above, 
#main .layout_latest_cts.block3 .image_container.float_right, 
#main .layout_latest_cts.block3 .image_container.float_left {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 10px;
}

@media (min-width: 768px) {
	#main .image_container.float_right {
		margin-top: 4px;
		margin-bottom: 1%;
		margin-left: 3%;
	}
}

.ce_text.btn p a, 
.ce_hyperlink.btn a {
	padding: 10px 25px;
	background-color: var(--farbe-button);
	color: var(--farbe-button-text);
	text-decoration: none;
	display: inline-block;
	margin: 15px 0 0 0;
}
.ce_text.btn p a:hover, 
.ce_hyperlink.btn a:hover {
	opacity: 0.7;
}
.ce_download.button .download-element {
	padding: 0;
}
.ce_download.button .ext-docx {
	background-image: none;
}



#main .ce_text .image_container.float_right {
	margin: 0 0 30px 30px !important;
}




.ce_ctswrapperstart.sameheight .ce_ctscontentbox > .contentbox {
	height: 100%;
}
.ce_ctswrapperstart.sameheight .ce_ctscontentbox > .contentbox, 
.ce_ctswrapperstart.sameheight .ce_ctscontentbox > .contentbox .ctscontentbox {
	height: 100%;
}
.ce_ctswrapperstart.sameheight .ce_ctscontentbox > .contentbox .ctscontentbox {
	padding-bottom: 65px;
}
.ce_ctswrapperstart.sameheight .ce_ctscontentbox > .contentbox p a {
	position: absolute;
	bottom: 15px;
	left: 50%;
	transform: translate(-50%,0);
	width: auto;
	white-space: nowrap;
}



.ce_ctsimage {
	text-align: unset;
}
.ce_ctswrapperstart.sameheight .inside .seitlich .ce_ctsimage .inner .frame, 
.ce_ctsimagebox.seitlich .frame {
	-ms-flex-flow: row-reverse;
	flex-flow: row-reverse;
}	
.seitlich .ce_ctsimage .image_container {
	flex: none;
}

.ce_ctscolorbox.articlebg1, 
.ce_ctscolorbox.articlebg3 {
	border: 10px solid #ffffff;
}

.ce_ctsimagebox.seitlich {
	padding-top: 40px;
	padding-bottom: 10px;
}
.ce_ctswrapperstart.sameheight .inside .seitlich .ce_ctsimage .inner .frame {
	height: auto;
}
.seitlich .ce_ctsimage .frame {
	display: grid !important;
	grid-template-rows: auto auto;
	grid-template-columns: auto 45%;
	column-gap: 40px;
	border-bottom: 1px solid var(--farbe-rot);
	margin-bottom: 30px;
	padding-bottom: 30px;
}
.seitlich .image_container {
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 3;
	margin-bottom: 0;
}
.seitlich .content {
	grid-column-start: 1;
	grid-column-end:2;
	grid-row-start: 1;
	grid-row-end: 2;
}
.seitlich .content h3 {
	font-size: 22px;
	text-transform: uppercase;
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--farbe-text-dunkel);
}
.seitlich .link {
	grid-column-start: 1;
	grid-column-end:2;
	grid-row-start: 2;
	grid-row-end: 3;
}
.seitlich .link a {
	display: inline-block;
	padding: 10px 15px;
	background-color: var(--farbe-rot);
	color: var(--farbe-text-hell);
	text-decoration: none;
	transition: all 0.3s;
}
.seitlich .link a::before {
	display: none;
}
.seitlich .link a:hover {
	opacity: 0.7;
	transition: all 0.3s;
}



#main .ce_text.werbebox {
	padding: 25px;
}
#main .ce_text.werbebox .image_container.float_left {
	width: 50%;
	margin: -25px 25px -25px -25px;
}
@media screen and (max-width: 480px) {
	#main .ce_text.werbebox {
		padding: 15px;
	}
	#main .ce_text.werbebox .image_container.float_left {
		width: calc(100% + 30px);
		margin: -15px -15px 15px -15px;
	}
}



.button a, form button {
	padding: 13px 25px 12px 25px;
	background-color: var(--farbe-button);
	color: var(--farbe-button-text);
}
.button a:hover, form button:hover {
	background-color: var(--farbe-button);
	color: var(--farbe-button-text);
	opacity: 0.7;
}



/*  ==========  Galerie  ==========  */

.ce_gallery > ul li.col_first {
	clear: none;
}
.ce_gallery .image_container img {
	transition: all 0.3s;
}
.ce_gallery .image_container img:hover {
	opacity: 0.7;
}
@media only screen and (max-width: 480px) {
	.ce_gallery ul.cols_3 li {
	  width: 100%;
	}
}

/*  ==========  /Galerie  ==========  */


.tabelle-1 table tr {
	border-bottom: 1px solid var(--farbe-grau);
}
.tabelle-1 .contentbox .variant3 table tr {
	border-color: var(--farbe-rot-hell);
}
.tabelle-1 table td {
	padding: 5px;
}

/*  ==========  Formulare  ==========  */

.widget-checkbox.inline fieldset > span {
	display: inline-block;
	padding-right: 30px;
}

fieldset legend {
	white-space: nowrap;
	padding-left: 0;
}
.widget label .mandatory, 
.widget legend .mandatory {
	color: var(--farbe-rot);
}
.ce_form .widget-checkbox span, .ce_form .widget-radio span {
	width: auto;
}

/*  ==========  /Formulare  ==========  */


/*  ==========  Social Media Buttons / Share Buttons  ==========  */

.share-buttons {
	text-align: right;
}
.share-buttons > .inside {
	display: block;
	height: 50px;
	overflow: hidden;
}

.share-buttons a {
	display: inline-block;
	width: 0;
	padding: 0;
	overflow: hidden;
	transition: all 0.3s;
}
.share-buttons a.share-icon {
	width: 50px;
	padding: 5px;
}
.share-buttons:hover a {
	width: 50px;
	padding: 5px;
}
.share-buttons a:hover {
	opacity: 0.7;
}
.share-buttons a.xing      { color: var(--farbe-xing); }      .share-buttons a.xing:hover  { color: var(--farbe-grau); opacity: 1; }
.share-buttons a.twitter   { color: var(--farbe-twitter); }   .share-buttons a.twitter:hover  { color: var(--farbe-grau); opacity: 1; }
.share-buttons a.facebook  { color: var(--farbe-facebook); }  .share-buttons a.facebook:hover  { color: var(--farbe-grau); opacity: 1; }
.share-buttons a.instagram { color: var(--farbe-instagram); } .share-buttons a.instagram:hover  { color: var(--farbe-grau); opacity: 1; }
.share-buttons a.linkedin  { color: var(--farbe-linkedin); }  .share-buttons a.linkedin:hover  { color: var(--farbe-grau); opacity: 1; }
.share-buttons a.whatsapp  { color: var(--farbe-whatsapp); }  .share-buttons a.whatsapp:hover  { color: var(--farbe-grau); opacity: 1; }

/*  ==========  /Social Media Buttons / Share Buttons  ==========  */





/*  ==========  Accordion  ==========  */

.toggler {
	background-color: rgba(170,6,0,0.2);
}



/*  ==========  /Accordion  ==========  */




.ctsflipboxfront h2 {
	position: absolute;
	bottom: 15px;
	background-color: rgba(255,255,255,0.7);
	display: block;
	left: 0;
	right: 0;
	padding-left: 15px;
}