body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
table.sortable thead th{background-image:url(../../assets/tablesorter/images/default.svg);background-repeat:no-repeat;background-position:center right}table.sortable thead th.tablesorter-headerAsc{background-image:url(../../assets/tablesorter/images/asc.svg)}table.sortable thead th.tablesorter-headerDesc{background-image:url(../../assets/tablesorter/images/desc.svg)}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*******************************************************************************************************************************************
 * Fonts
 */
@font-face {
    font-family: 'Montserrat';
    src: url('../../files/theme/fonts/Montserrat-Medium.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../../files/theme/fonts/Montserrat-Bold.ttf');
    font-weight: bold;
    font-style: normal;
}




html{
	font-size: 16px;
	font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
}
h1, h2, h3, h4, nav *, .intro .claim, .display .name, .display cite{
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
}
nav *{
	text-transform: uppercase;
}

*{
	box-sizing: border-box;
}

strong{
	font-weight: bold !important;
}


body{
	min-height: 100vh;
}
.wrapper{
	min-height: 100vh;
}

.invisible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ce_text,
.ce_player,
.ce_gallery{
	margin-bottom: 30px;
}
/*******************************************************************************************************************************************
 * #Header
 */

header h2{
	font-size: 2rem;
	margin-bottom: 1em;
}
header{
	padding: 1rem;
	min-height: 9rem;
}
@media (min-width: 768px) {
	header{
		padding: 2rem;
	}
}

header a{
	text-decoration: none;
}
/*files/images/misc/Basaltköppe_Logo.png*/
header #logo{
	width: 100px;
	height: 100px;
	position: absolute;
	top: 00px;
	left: 00px;
	display: inline-block;
}
header #logo h1{
	display: block;
	font-size: 2.5rem;
	border-bottom-width: 1px;
	width: 100%;
	height: 100%;
}
header #logo h1 img{
	width: 100%;
	height: 100%;
}



header nav li{
	padding: 0 5px;
	cursor: pointer;
}
header nav li *{
	font-size: 1.2rem;
}
header nav li strong{
	text-decoration: underline;
}


@media screen and (max-width: 767px){
	header .navi_toggler{
		background: transparent;
		border: none;
		color: #fff;
		position: absolute;
		top: 20px;
		right: 20px;
		padding: 0;
		height: auto;
		line-height: 1em;
		font-size: 2rem
	}
	header nav{
		position: fixed;
		left: 100vw;
		top: 0;
		max-width: 80vw;
		min-width: 50vw;
		min-height: 100vh;
		padding: 0.5rem;
		background: #222;
		z-index: 100;
	}
	header nav.active{
		left: 0;
	}

	header nav li{
		display: block;
		margin: 1.5rem 1rem;
		cursor: pointer;
		text-align: left;

	}

}

@media screen and (min-width: 768px){
	header .navi_toggler{
		display: none;
		cursor: pointer;
	}
	header nav{
		width: auto;
		max-width: 1000px;
		margin: auto;
		right: 1rem;
		width: auto;

	}

	header nav ul{
		display: flex;
		justify-content: flex-end;
	}
	
	header nav li{
		/*display: inline-block;*/
		margin: 0 0 0 1rem;
		cursor: pointer;
		text-align: right;
	}
	header nav li a{

	}
}


/*******************************************************************************************************************************************
 * #container
 */

body #main .inside{
	max-width: 1000px;
	margin: auto;
	padding: 1rem;
}
body #main .inside .mod_newsreader h1{
	font-size: 2rem;
	line-height: 1.2em;
	margin-bottom: 0em;
}
body #main .inside h2
{
	font-size: 2rem;
	line-height: 1.2em;
	margin-bottom: 0.5em;
}
body #main .inside h3{
	font-size: 1.6rem;
	margin-bottom: 0.2em;
}
body #main .inside h4{
	font-size: 1.4rem;
	margin-bottom: 0.2em;
}


body #main .inside p{
	line-height: 1.5em;
	margin-bottom: 0.5em;
}
body #main .inside p.back{
	margin-top: 1em;
}
body #main .inside h2,
body #main .inside h3,
body #main .inside h4{
	text-align: center;
}


@media screen and (min-width: 769px){
	body #main .inside{
		padding: 3rem;
	}

	body #main .inside h2,
	body #main .inside h3,
	body #main .inside h4{
		text-align: left;
	}

}





/*******************************************************************************************************************************************
 * footer
 */
footer{
/*	position: absolute;
	bottom: 0;*/
	height: 5vh;
	width: 100%;
	padding: 1rem;
	margin-bottom: 2rem;
	text-align: center;
	font-size: 1rem;
	color: #fff;
}

footer nav li{
	margin-bottom: 1em;
}






/*******************************************************************************************************************************************
 * Sonderfälle
 */

/***
* Startseite
***/
body.index article.intro {
    min-height: 40vh;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap; /** nowrap | wrap | wrap-reverse */
}

body.index article.intro .claim{
	font-size: 2rem;
	line-height: 1.2em;
	padding-left: 1.5em;
	opacity: 0.8;

}
body.index article.intro .claim:first-child{
	padding-left: 0.5em;
}
body.index article.intro .claim:last-child{
	padding-left: 2.8em;
}


@media (min-width: 800px) {
	body.index article.intro .claim{
		font-size: 6rem;
	}
}

.teamList a[title^="Rainer "] img {
  filter: grayscale(100%);
  transition: filter 0.3s ease;
}

.teamList a[title^="Rainer"]:hover img {
  filter: none;
}


/*******************************************************************************************************************************************
 * Normale Seitenartikel
 */
.ce_text img{
	height: auto;
	max-width: 100%;
}

/*.ce_player{
	margin: 20px 0;
}*/
/*******************************************************************************************************************************************
 * TEAM
 */
body.team .ce_gallery ul{
	display: flex;
	justify-content: space-around;
}
body.team .ce_gallery li{
	float: unset;
	margin-bottom: 30px;
	width: 170px;
}

.mod_article.team figure,
body.team .ce_gallery figure{
	text-align: center;
}
.mod_article.team figure img,
body.team .ce_gallery figure img{
	border-radius: 50%;
}
.mod_article.team figcaption,
body.team .ce_gallery figcaption{
	text-align: center;
	font-size: 10px;
}




.mod_article.teamList{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.mod_article .ce_player .mejs__video{
	margin: auto;
}
.ce_rsce_team {
    display: inline-block;
    margin: 1rem 0.75rem;
}
.ce_rsce_team > div{
	display: flex;
}
.ce_rsce_team .userData{
	flex-grow: 5;
}
.ce_rsce_team .userImage{
	padding: 0 20px;
	margin: 0 auto;
	flex-grow: 1;
	text-align: center;
}

@media (max-width: 768px) {
	.ce_rsce_team > div{
		flex-wrap: wrap-reverse;
	}
}


.display .img,
.user {
  display: inline-block;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background-image: url('http://placehold.it/200x200');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.display{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	overflow: auto;

	width: 100vw;
	height: 100vh;
	padding-bottom: 5rem;
	background: rgba(50,50,50,0.95);
	z-index: 10;
}
.display *{
	color: #fff !important;
}
.user{
	cursor: pointer;
}
.user.active ~ .display{
	display: block;
}
.user ~ .display .inner{
	max-width: 600px;
	padding: 3rem 0.5rem 0.5rem;
	margin: auto;

}
.display .close{
	position: fixed;
	top: 0;
	right: 0;
	font-size: 2rem;
	cursor: pointer;
	display: block;
	background: #222;
	width: 100vw;
	text-align: right;
	padding: 0.2em 0.5em;
}
.display tr{
	background: transparent !important;
}
.display tr td{
	border-bottom-color: #fff !important;
}
.display .name{
	margin-top: 1rem;
	font-size: 2rem;
}
.display cite{
	letter-spacing: 0.2rem;
}
.display table{

	margin: 2rem auto;
	line-height: 1.6em;
}
.display td{
	width: 50%;
	padding: 1em 1em 1em 0;
	font-family: arial;
}

/*******************************************************************************************************************************************
 * Events
 */
.event{
	padding: 0rem 0 2rem 0;
	border-bottom: 1px solid #999 !important;
	margin-bottom: 2rem;
}

/*******************************************************************************************************************************************
 * News
 */
.mod_newslist > div{
	padding: 0rem 0 2rem 0;
	border-bottom: 1px solid #999 !important;
	margin-bottom: 2rem;
}

.more{
	/*margin: 1rem 0;*/
}

/*******************************************************************************************************************************************
 * Akkordeon 
 */
#main .inside .ce_accordionStart{
	border-bottom: 1px solid #fff !important;
}
#main .inside .ce_accordionStart .toggler{
	padding: 10px;
	background: #093A75;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
}
#main .inside .ce_accordionStart .toggler .ui-icon{
	color: #fff !important;
	float: right;
}
#main .inside .ce_accordionStart .toggler .ui-icon.ui-icon-triangle-1-s:before{
	content: "◀";
}
#main .inside .ce_accordionStart .toggler .ui-icon.ui-icon-triangle-1-e:before{
	content: "▼";
}

#main .inside .ce_accordionStart .accordion{
	padding: 10px;
	background: #f5f5f5;
}

/**
 * Gallery
 */
.ce_gallery > ul{
	display: flex;
	flex-wrap: wrap;
}
/****************************************************************
************ PaceRechner ****************************************
****************************************************************/
.paceRechner fieldset{
	border: 1px solid #333;
	padding: 16px;
	margin-bottom: 16px;
}
.paceRechner fieldset *{
	border-width: 1px;
}

.paceRechner fieldset input,
.paceRechner fieldset select{
	font-size: 14px;
	padding: 5px;
}
.paceRechner fieldset button{
	background: transparent;
	border: none;
	text-decoration: underline;
	cursor: pointer;
}
.paceRechner fieldset button.calc{
	padding: 5px 10px;
	background: #A5784A;
	border-color: #89613D !important;
	border-width: 1px;
	border-style: solid;
	border-radius: 5px;
	margin-top: 16px;
	color: #eee !important;
	text-decoration: none;
}


/****************************************************************
************ Tablellen ******************************************
****************************************************************/
table{
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 2rem;
	border: 1px solid #333;
}
th {
    background-color: #666;
    color: #fff !important;
    border-color: white;
	font-weight: bold;
	font-style: italic;
}
th *{
	color: #fff !important;
}

tr:nth-child(even) {background-color: #f2f2f2;}

tr > *{
	height: 2em;
	padding: 15px;
	border-bottom: 1px solid #ddd;
	vertical-align: top;
	text-align: left;
}



a{
	padding: 0;
}
table.calendar{
	margin-top: 1rem;
	background: rgba(0,0,0,0.1);
}
table.calendar,
table.calendar *{
	border-color: #666 !important;
}
table.calendar,
table.calendar tr,
table.calendar td{
	border-width: 1px;
	border-style: solid;
}
table.calendar th{
	/*border: 1px solid transparent !important;*/
}
table.calendar tr:nth-child(even) {background-color: transparent;}

table.calendar th.current{}
table.calendar th.next{
	text-align: right;
}
table.calendar th.current{
	text-align: center;
}

table.calendar td.days{
	width: calc(100% / 7);
	min-height: 100px;
}
table.calendar td.days .header{
	margin-bottom: 1em;
	text-align: right;
	font-weight: bolder;
	font-size: 16px;
}
table.calendar .event {
    padding: 0 0 0 0;
    border-bottom: none !important;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.2em;
}


table.calendar a{
	text-decoration: none;
}

@media (max-width: 768px) {
	table.calendar tr > *{
		padding: 5px;
	}
	table.calendar th.head,
	table.calendar th.label{
		font-size: 12px;
	}
	table.calendar th.label span{
		display: none;
	}
	table.calendar .event {
		font-size: 12px;
	}
	table.calendar td.days .header{
		font-size: 12px;
		margin-bottom: 0.5em;
	}
}
/****************************************************************
************ Pagination *****************************************
****************************************************************/
.pagination{
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 10px;
}
.pagination > p{
	margin-bottom: 0.7em !important;
}
.pagination > *{
	text-align: center;
}
.pagination li{
	display: inline;
}
.pagination li > *{
	padding: 0.4em 0.7em;
	border: 1px solid #ccc;
	background: #333;
	color: #ccc !important;
}
.pagination > p,
.pagination li > *{
	font-size: 0.9rem;
	font-weight: 400;
	text-transform: unset;

}


.sharer.facebook .text-facebook{
  color: #3B5998 !important;
}
.sharer.facebook .fa-facebook{
  color: white !important;
}


.txt_white,
h1,
a,
body #main .inside .display *
{
	color: #fff;
	border-color: #fff;
}

nav *
{
	color: #fff;
	border-color: #fff;
}

.txt_gray,
body:not(.index) #main .inside .info,
body:not(.index) #main .inside .info *{
	color: #666;
	border-color: #666;
}

.txt_black,
body:not(.index) #main .inside *,
.main *{
	color: #333;
	border-color: #333;
}


body{
	background: repeating-linear-gradient(
	  45deg,
	  #353535,
	  #353535 20rem,
	  #3c3c3c 20rem,
	  #3c3c3c 40rem
	);
	background: url("/files/theme/img/_MG_9419 Web.jpg") no-repeat center center fixed;
	background-size: cover;
	/*background-position: top left;*/
}

body:not(.index) #main .inside{
	background: rgba(255,255,255,0.7);
}



/* Coolors Exported Palette - coolors.co/6ccff6-fffffc-626262-2e2e2e-98ce00 */

/* HSL */
/*$color1: hsla(197%, 88%, 69%, 1);
$color2: hsla(60%, 100%, 99%, 1);
$color3: hsla(0%, 0%, 38%, 1);
$color4: hsla(0%, 0%, 18%, 1);
$color5: hsla(76%, 100%, 40%, 1);*/

/* RGB */
/*$color1: rgba(108, 207, 246, 1);
$color2: rgba(255, 255, 252, 1);
$color3: rgba(98, 98, 98, 1);
$color4: rgba(46, 46, 46, 1);
$color5: rgba(152, 206, 0, 1);*/

/*$color1: #6ccff6;
$color2: #fffffc;
$color3: #626262;
$color4: #2e2e2e;
$color5: #98ce00;*/



/* CSS - Cascading Style Sheet */
/* Palette color codes */
/* Palette URL: http://paletton.com/#uid=63C0o0kxLmqs3fTtPjTFuoJNGqR */

/* Feel free to copy&paste color codes to your application */


/* As hex codes */

.color-primary-0 { background-color: #093A75; }	/* Main Primary color */
.color-primary-1 { background-color: #102F53; }
.color-primary-2 { background-color: #0F3768; }
.color-primary-3 { background-color: #073F81; }
.color-primary-4 { background-color: #05428C; }

.color-secondary-1-0 { background-color: #006F63; }	/* Main Secondary color (1) */
.color-secondary-1-1 { background-color: #0A4F47; }
.color-secondary-1-2 { background-color: #076259; }
.color-secondary-1-3 { background-color: #007A6D; }
.color-secondary-1-4 { background-color: #008577; }

.color-secondary-2-0 { background-color: #12127D; }	/* Main Secondary color (2) */
.color-secondary-2-1 { background-color: #171759; }
.color-secondary-2-2 { background-color: #17176F; }
.color-secondary-2-3 { background-color: #0E0E8A; }
.color-secondary-2-4 { background-color: #090996; }

.color-complement-0 { background-color: #B36D00; }	/* Main Complement color */
.color-complement-1 { background-color: #7F5410; }
.color-complement-2 { background-color: #9E650B; }
.color-complement-3 { background-color: #C57900; }
.color-complement-4 { background-color: #D68300; }



/* As RGBa codes */

.rgba-primary-0 { background-color: rgba(  9, 58,117,1) }	/* Main Primary color */
.rgba-primary-1 { background-color: rgba( 16, 47, 83,1) }
.rgba-primary-2 { background-color: rgba( 15, 55,104,1) }
.rgba-primary-3 { background-color: rgba(  7, 63,129,1) }
.rgba-primary-4 { background-color: rgba(  5, 66,140,1) }

.rgba-secondary-1-0 { background-color: rgba(  0,111, 99,1) }	/* Main Secondary color (1) */
.rgba-secondary-1-1 { background-color: rgba( 10, 79, 71,1) }
.rgba-secondary-1-2 { background-color: rgba(  7, 98, 89,1) }
.rgba-secondary-1-3 { background-color: rgba(  0,122,109,1) }
.rgba-secondary-1-4 { background-color: rgba(  0,133,119,1) }

.rgba-secondary-2-0 { background-color: rgba( 18, 18,125,1) }	/* Main Secondary color (2) */
.rgba-secondary-2-1 { background-color: rgba( 23, 23, 89,1) }
.rgba-secondary-2-2 { background-color: rgba( 23, 23,111,1) }
.rgba-secondary-2-3 { background-color: rgba( 14, 14,138,1) }
.rgba-secondary-2-4 { background-color: rgba(  9,  9,150,1) }

.rgba-complement-0 { background-color: rgba(179,109,  0,1) }	/* Main Complement color */
.rgba-complement-1 { background-color: rgba(127, 84, 16,1) }
.rgba-complement-2 { background-color: rgba(158,101, 11,1) }
.rgba-complement-3 { background-color: rgba(197,121,  0,1) }
.rgba-complement-4 { background-color: rgba(214,131,  0,1) }



/* Generated by Paletton.com © 2002-2014 */
/* http://paletton.com */