/* ##### Modul KATEGORIE-KARTEN ##### */

/* --- Basis-Einstellungen --- */
.col-lg-12, .col-md-12, .col-sm-12, .col-xs-12 { padding-right: 15px; padding-left: 15px;}
.col-lg-6, .col-md-6, .col-sm-6, .col-xs-6 { padding-right: 5px; padding-left: 20px;}
.col-lg-4, .col-md-4, .col-sm-4, .col-xs-4 { padding-right: 20px; padding-left: 20px;}
.col-lg-3, .col-md-3, .col-sm-3, .col-xs-3 { padding-right: 20px; padding-left: 20px;}
.col-lg-2, .col-md-2, .col-sm-2, .col-xs-2 { padding-right: 10px; padding-left: 10px;}
.col-lg-1, .col-md-1, .col-sm-1, .col-xs-1 { padding-right: 5px; padding-left: 5px;}

.ccard	{ 
	display: inline-block;
	background-color: transparent;
	border: 1px solid #f5f5f5;
	border-radius: 5px;
	margin-bottom: 20px;
	padding: 1.0em;
}
.ccard:hover  { 
	box-shadow: 0px 2px 15px #d8d8d8;
	transition:box-shadow 0.2s;
}

/* --- MINDESTHÖHE / SCHATTEN --- */
/* --- 1 Teil(volle Breite) --- */
.col-lg-12 .ccard, .col-md-12 .ccard, .col-sm-12 .ccard, .col-xs-12 .cc  { min-height: ; }
.col-lg-12 .cc:hover, .col-md-12 .cc:hover, .col-sm-12 .cc:hover, .col-xs-12 .cc:hover { box-shadow: ; }
/* --- 2 Teile --- */
.col-lg-6 .ccard, .col-md-6 .ccard, .col-sm-6 .ccard, .col-xs-6 .ccard  { }
.col-lg-6 .ccard:hover, .col-md-6 .ccard:hover, .col-sm-6 .ccard:hover, .col-xs-6 .ccard:hover { }
/* --- 3 Teile --- */
.col-lg-4 .ccard, .col-md-4 .ccard, .col-sm-4 .ccard, .col-xs-4 .ccard  { }
.col-lg-4 .ccard:hover, .col-md-4 .ccard:hover, .col-sm-4 .ccard:hover, .col-xs-4 .ccard:hover { }
/* --- 4 Teile --- */
.col-lg-3 .ccard, .col-md-3 .ccard, .col-sm-3 .ccard, .col-xs-3 .ccard  { }
.col-lg-3 .ccard:hover, .col-md-3 .ccard:hover, .col-sm-3 .ccard:hover, .col-xs-3 .ccard:hover { }
/* --- 6 Teile --- */
.col-lg-2 .ccard, .col-md-2 .ccard, .col-sm-2 .ccard, .col-xs-2 .ccard  { }
.col-lg-2 .ccard:hover, .col-md-2 .ccard:hover, .col-sm-2 .ccard:hover, .col-xs-2 .ccard:hover { }
/* --- 12 Teile --- */
.col-lg-1 .ccard, .col-md-1 .ccard, .col-sm-1 .ccard, .col-xs-1 .ccard  { }
.col-lg-1 .ccard:hover, .col-md-1 .ccard:hover, .col-sm-1 .ccard:hover, .col-xs-1 .ccard:hover { }

/* --- BILD --- */
a:link .ccardimghov  { display: none;	}
a:link .ccardimg { display: block; }
a:hover .ccardimg  { display: none;	}
a:hover .ccardimghov { display: block; }

.ccardimg {
	border: 0px solid #b5b5b5;
	border-radius: 5px;
	float: left;
	width: 100%;
	margin-right: 20px;
}
a:hover .ccardimghov {
	border: 0px solid #adadad;
	border-radius: 5px;
	float: left;
	width: 100%;
	margin-right: 20px;
}
/* --- neutral ---
.col-lg-12 .ccardimg, .col-lg-12 a:hover .ccardimghov {  }
.col-lg-12 .ccardimg { border: ; }
.col-lg-12 a:hover .ccardimghov { border: ; } 
*/
/* --- BILD Breitenanteil --- */
.col-lg-12 .ccardimg, .col-lg-12 a:hover .ccardimghov { width: 30%; }
.col-lg-6 .ccardimg, .col-lg-6 a:hover .ccardimghov { width: 45%; }
.col-lg-4 .ccardimg, .col-lg-4 a:hover .ccardimghov { width: 100%; margin-bottom: 1em; }
.col-lg-3 .ccardimg, .col-lg-3 a:hover .ccardimghov { width: 100%; margin-bottom: 1em; }
.col-lg-2 .ccardimg, .col-lg-2 a:hover .ccardimghov { width: 100%; margin-bottom: 1em; }
.col-lg-1 .ccardimg, .col-lg-1 a:hover .ccardimghov { width: 100%; margin-bottom: 1em; }

/* --- TITEL --- */
.ccard_titel_1_std, .ccard_titel_2, .ccard_titel_3 {
	color: #5d5d5d;
	font-size: 1.6em;
	margin: 10px 0px 1em 0px;
	hyphens: auto;
}
.ccard_titel_2 { color: ; }
.ccard_titel_3 { color: ; }

.ccard_titel_1_std:hover {
	background-color: transparent;
	color: #000;
	transition: background-color .5s linear, color .1s linear;
}

/* --- BESCHREIBUNG --- */
.ccard_desc_1_std, .ccard_desc_2, .ccard_desc_3 {
	color: #5d5d5d;
	font-size: 1.2em;
	font-weight: 300;
	margin: 0 0 1em 0;
	hyphens: auto;
	text-align: justify;
}
.ccard_desc_2 { color: ; }
.ccard_desc_3 { color: ; }

.ccard_desc_1_std:hover {
	background-color: transparent;
	color: #000;
	transition: background-color .5s linear, color .1s linear;
}

/* --- TITEL / BESCHREIBUNG Anpassungen --- */
/* --- 1 Teil --- */
.col-lg-12 .ccard_titel_1_std , .col-lg-12 .ccard_titel_2, .col-lg-12 .ccard_titel_3 {  }
.col-lg-12 .ccard_desc_1_std , .col-lg-12 .ccard_desc_2, .col-lg-12 .ccard_desc_3 {  }
/* --- 2 Teile --- */
.col-lg-6 .ccard_titel_1_std , .col-lg-6 .ccard_titel_2, .col-lg-6 .ccard_titel_3 {  }
.col-lg-6 .ccard_desc_1_std , .col-lg-6 .ccard_desc_2, .col-lg-6 .ccard_desc_3 {  }
/* --- 3 Teile --- */
.col-lg-4 .ccard_titel_1_std , .col-lg-4 .ccard_titel_2, .col-lg-4 .ccard_titel_3 {  }
.col-lg-4 .ccard_desc_1_std , .col-lg-4 .ccard_desc_2, .col-lg-4 .ccard_desc_3 {  }
/* --- 4 Teile --- */
.col-lg-3 .ccard_titel_1_std , .col-lg-3 .ccard_titel_2, .col-lg-3 .ccard_titel_3 { font-size: 1.4em; }
.col-lg-3 .ccard_desc_1_std , .col-lg-3 .ccard_desc_2, .col-lg-3 .ccard_desc_3 { font-size: 1.0em; }
/* --- 6 Teile --- */
.col-lg-2 .ccard_titel_1_std , .col-lg-2 .ccard_titel_2, .col-lg-2 .ccard_titel_3 { font-size: 1em; }
.col-lg-2 .ccard_desc_1_std , .col-lg-2 .ccard_desc_2, .col-lg-2 .ccard_desc_3 { font-size: 0.9em;  }
/* --- 12 Teile --- */
.col-lg-1 .ccard_titel_1_std , .col-lg-1 .ccard_titel_2, .col-lg-1 .ccard_titel_3 { font-size: 0.8em; }
.col-lg-1 .ccard_desc_1_std , .col-lg-1 .ccard_desc_2, .col-lg-1 .ccard_desc_3 { font-size: 0.7em;  }


/* --- BUTTON " Mehr Informationen >> "---------------------------- */
.ccard_btn {
	display: inline-block;
	padding: 6px 12px;
	font-size: 1em;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 4px;
	background-image: none;	
	color: #fff; /* #3d3d3d; */
	background-color: #a0a0a0; /*#c9c9c9; /* #384452; */
	border-color: #b7b7b7;
	padding: 0.5em 1.0em 0.5em 1.0em;
	margin: 1em 0;
}
.ccard_btn:hover {
	background-color: #ffbf00;
	color: #3d3d3d;
	border-color: #ffbf00;
	transition: background-color .3s linear, color 0.3s linear;
}

/* ####################################################################### */

/* --- Modul TITEL / INTRO (vorab) --- */
.mti h2 {
	padding: 0;
	margin-bottom: 12px;
	/* font-family: 'Lato', sans-serif; */
	font-family: 'Exo', sans-serif;
	font-weight: 400;
	font-size: 2.0em;
	line-height: 1.4em;
	color: #5d5d5d;
	text-align: center;
	margin-top: 1ex;
	hyphens: auto;
}
.mtihline {
	border-bottom: 1px solid #5d5d5d;
	margin: 20px 0 20px;
}
.mti_col1 { background-color: red; }
.mti_col2 { background-color: blue; }
.mti_col3 { background-color: lime; }
.mti_coltext { color: yellow; }

/* ####################################################################### */

/* --- Modul SPALTENTEXT(vorab) --- */
.mtxt {
	padding: 0;
	margin-bottom: 12px;
	/* font-family: 'Lato', sans-serif; */
	font-family: 'Exo', sans-serif;
	font-weight: 300;
	font-size: 1.0em;
	line-height: 1.4em;
	color: #5d5d5d;
	margin-top: 1ex;
	
	/*column-count: 2; 
	column-gap: 4em;
	column-rule-style: dotted; 
	column-rule-width: 1px; 
	column-rule-color: #5d5d5d;
	hyphens: auto;
	text-align: justify; */
}
.mtxthline {
	display: none;
	border-bottom: 1px solid #5d5d5d;
	margin: 20px 0 20px;
}

/* ####################################################################### */

/* --- Modul SPALTENTEXT(vorab) --- */
.mspt h3 {
	padding: 0;
	margin-bottom: 12px;
	/* font-family: 'Lato', sans-serif; */
	font-family: 'Exo', sans-serif;
	font-weight: 300;
	font-size: 1.0em;
	line-height: 1.4em;
	color: #5d5d5d;
	margin-top: 1ex;
	
	column-count: 2; 
	column-gap: 4em;
	column-rule-style: dotted; 
	column-rule-width: 1px; 
	column-rule-color: #5d5d5d;
	hyphens: auto;
	text-align: justify;
}
.mspthline {
	display: none;
	border-bottom: 1px solid #5d5d5d;
	margin: 20px 0 20px;
}

/* ####################################################################### */

/* --- Modul Text / Bild Plus (vorab) --- */

.mtxbipl {
	margin: 0;
}
.mtxbipl p {
	font-size: 1.2em;
	font-weight: 300;
	color: #5d5d5d;
	hyphens: auto;
	text-align: justify;
}








/* ####################################################################### */

/* --- Headerpic HG-Farbe bereichsabhängig, wenn kein Bild zugewiesen ist --- */
.cat-color-area1 #headerpic .layer {background-color: #e56701;}
.cat-color-area2 #headerpic .layer {background-color: #ee0000;}
.cat-color-area3 #headerpic .layer {background-color: #ef00d8;}
.cat-color-area4 #headerpic .layer {background-color: #7601ee;}
.cat-color-area5 #headerpic .layer {background-color: #0127d5;}
.cat-color-area6 #headerpic .layer {background-color: #2be0ff;}
.cat-color-area7 #headerpic .layer {background-color: #009959;}
.cat-color-area8 #headerpic .layer {background-color: #96cb00;}
.cat-color-area9 #headerpic .layer {background-color: #888888;}

.cat-color-event #headerpic .layer {background-color: transparent;}
.cat-color-demo #headerpic .layer {background-color: #ffbf00; opacity: 1;}

/* --- Modul Slide Plus ------------------------------- */
.slide-plus {
	margin-bottom:20px;
}
.slide-plus .item {
	color:#000;
	background-color: red; /*#fff; */
	padding:20px 0;
}
.slide-plus .controls {
    overflow-x: auto;
    overflow-y: hidden;
    padding:0;
    margin:0;
    white-space: nowrap;
    text-align: center;
    position: relative;
    background:#3D3D3D;
}
.slide-plus .controls li {
	      background-color: green; /* #707070; */
      display: table-cell;
      width: 1%;
      max-width:90px;
}
.slide-plus .controls li.active {
      background-color: blue; /* #707070; */
      border-top:1px solid #ddd;
}
.slide-plus .controls a small {
	overflow:hidden;
	display:block;
	font-size:10px;
	margin-top:5px;
	font-weight:bold
}

/* --- GOOGLE MAPs (KLXM Modul) --- */
.map_canvas { 
	display: block; 
	position: relative; 
	width: 100%; 
	height: 340px;
	
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 15px;
}
.maphide {
	display: none;
}

/* --- Modul Youtube Video ---------------------------- */
 .embed-container {
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
     overflow: hidden;
     max-width: 100%;
 }
 .embed-container iframe, .embed-container object, .embed-container embed {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }

/* --- M O D U L E  P L U S (DA) ---------------------- */

.md_fcol1 { color: yellow;}
.md_fcol1 { color: red;}
.md_fcol1 { color: green;}
.md_fcol1 { color: blue;}
.md_fcol1 { color: lime;}

/* ############################################################################ */

liku {
	background: yellow;
	color: red;
}
.joku {
	background: yellow;
	color: red;
}

/* #### Module Titel (noch Alt) ##################*/
.col-lg-8.col-lg-offset-2.centered {
	margin-left: 0px;
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
}

/* ### Neue Module - Basisvorgaben ###############*/

/* Überschriften */
.md_headstd { background-color:transparent; color:#3D3D3D; font-size:2em; font-weight:300; padding:0.4em; margin-bottom:0.0em; }
.md_headb1 { background-color:transparent; color:red; font-size:2em; font-weight:normal; padding:0.4em; margin-bottom:0.0em; }
.md_headb2 { background-color:transparent; color:blue; font-size:2em; font-weight:normal; padding:0.4em; margin-bottom:0.0em; }

.md_bgcol6{ background-color: yellow; color: red; }
.md_bgcol7{ background-color: red; color: blue; }

.md_dist1 { margin-bottom: 50px; }
.md_dist2 { margin-bottom: 50px; }
.md_dist3 { margin-bottom: 50px; }
.md_dist4 { margin-bottom: 50px; }
.md_dist5 { margin-bottom: 50px; }


	/* HG-Balken Farbe (19 bgcol) */
.mhp_bgcol1 {background-color: #fffff /*#E5E5E5*/; padding: 0.4em;}
.mhp_bgcol2 {background-color: #D3D3D3; padding: 0.4em;}
.mhp_bgcol3 {background-color: #3D3D3D; padding: 0.4em;}
.mhp_bgcol4 {background-color: #FFDFA0; padding: 0.4em;}
.mhp_bgcol5 {background-color: #FFB200; padding: 0.4em;}

/* ### Bildgalerie PB ###############*/
.portfolio-item .dmbutton {
	margin: 0px 5px 0px 5px;
}
.dmbutton {
	padding-top: 5%;
	padding-bottom: 5%;
}
#portfoliowrap {
	text-align: left;
}

/* mail spamschutz */

.mailvalidate {
  display:none;
}

/* ### TESTS #############################################*/
.form-horizontal .sub {
	color: blue;
}

.mhp_headb2 {
	color: blue;
}

.md_txtalgle{ text-align: left; }
.md_txtalgce{ text-align: center; }
.md_txtalgre{ text-align: right; }