@charset "UTF-8";

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url(../fonts/OpenSans-LightItalic.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(../fonts/OpenSans-Italic.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(../fonts/OpenSans-SemiboldItalic.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(../fonts/OpenSans-BoldItalic.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url(../fonts/OpenSans-ExtraBoldItalic.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/OpenSans-Light.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(../fonts/OpenSans-Regular.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(../fonts/OpenSans-Semibold.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../fonts/OpenSans-Bold.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(../fonts/OpenSans-ExtraBold.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



/* Terracolor */
html,body {
font-family:'Open Sans','Helvetica','Arial',sans-serif;
margin:0px;
padding:0px;
background:#DDD url('/templates/tc/img/bg2.png'); 
background-image: -webkit-linear-gradient(top, #ffffff 0%, #DDD 100%) url('/templates/tc/img/bg2.png');
background-image: -o-linear-gradient(top, #ffffff 0%, #DDD 100%) url('/templates/tc/img/bg2.png');
background-image: linear-gradient(to bottom, #ffffff 0%, #DDD 100%) url('/templates/tc/img/bg2.png');
color:#666;
min-height:100%;
height:auto;
width:100%;
background-attachment:fixed; 
}

#TOB {font-size:1px;color:#FFFFFF;visibility:hidden;position:absolute;top:-1000px;left:-1000px; }
#TOB ul li a {font-size:1px;color:#FFFFFF;}

.col,.row {
background-color:#FFF; 
}

p {
margin-bottom:15px;
}

.navbar-brand {

}

.row {
padding:0px;
margin:0px;
font-size:1.1em;
}


col-initial {padding:0px;margin:0px}
 
img.img-responsive {  
display:block;
max-width: 100%;
height:auto;
text-align:center;
}


 
/* START Überschriften */
h1,h2,h3,h4,h5,h6 {
font-family:'Open Sans','Helvetica','Arial',sans-serif;
font-weight:600;
color:#000;
width:100%;
}




h1 {
margin-bottom:20px;
padding:0px 0px 5px 0px;
line-height:1.6em;
font-size:1.5em;
border-bottom:1px dotted #CCC;
}


h2 {
margin:0px;
padding:5px 0px 10px 0px;
line-height:1.7em;
font-size:1.4em;
}


h3 {
margin:0px;
padding:5px 0px 10px 0px;
font-size:1.3em;
line-height:1.6em
}

h3.pink {
color:#a71c5f;
font-weight:700
}

h4 {
margin:0px;
padding:5px 0px 10px 0px;
font-size:1.2em;
}


span.brand {
margin:0px;
padding:0px;
font-size:1.1em;
font-weight:700;
color:#a61c5e;
display:inline;
}

/* ENDE Überschriften */



/* START Container */
.container {
margin:auto;
padding:0px;
background-color:ffffff;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.175);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.175);
min-height:100%;
}
/* ENDE Container */



/* START Inhalt */
div.startseite {
position:relative;
padding:0px;
margin:0px;
background-color:#FFF; 
}

div.inhaltschmal {
position:relative;
padding:20px 20px 40px 20px;
margin-bottom:0px;
background-color:#FFF; 
}

/* breites Layout */
div.inhaltbreit {
padding:20px 20px 40px 20px;
background-color:#FFF; 
}
/* breites Layout */
/* ENDE Inhalt */


div.fixed-top {
position:fixed;
z-index:110;
top:0px;
background-color:#FFF;
display:block;
float:left;
min-height:10px;
}


div.scroll_content {
position:relative;
top:112px;
}




.abschlussleiste {
background-color:none;
color:#ffffff;
margin:0px;
padding:0px;
border:1px solid #FFF;
}

.abschlussleiste-feld-1 {
background-color:#0e4095;
}
.abschlussleiste-feld-2 {
background-color:#72a79f;
}
.abschlussleiste-feld-3 {
background-color:#a71c5f;
}
.abschlussleiste-feld-4 {
background-color:#ea5906;
}
.abschlussleiste-feld-5 {
background-color:#f7a600;
}
.abschlussleiste-feld-6 {
background-color:#666;
}


.abschlussleiste-feld-1,
.abschlussleiste-feld-2,
.abschlussleiste-feld-3,
.abschlussleiste-feld-4,
.abschlussleiste-feld-5,
.abschlussleiste-feld-6 {
text-align:center;
color:#fFF;
font-size:1.1em
margin:0px;
border-right:1px solid #FFF;
height:2em;
padding:5px;
}

.abschlussleiste > div > a{
color:#FFF;
text-decoration:none;
}


/* START Breadcrumb */
div.breadcrumb{
width:100%;
height:1.8em; 
padding-left:1.7em;
padding-top:0.1em;
vertical-align:center;
background-color:#666666;
color:#FFF;
margin-bottom:0px;
font-weight:300;
font-size:1.3em;
border-radius:0px;
}
/* START Breadcrumb */




div.download,div.download_first {border-bottom:1px dotted #999;margin-bottom:10px;padding:10px 0px 10px 0px}
div.download_first {border-top:1px dotted #999;}
div.haendler_flex {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:stretch}
div.haendlerliste {display:inline-block;border-bottom:1px dotted #999;margin:0.3em;border:1px dotted #CCC;padding:10px;width:24%;}




/* START Header */
	#headerbilder_start { transition:all .3s ease; }

@media (max-width: 767px) {
	div.breadcrumb{
	font-size:1em;
	}
	#headerbilder {
	width: 460px;
	height: 79px;
	}
	#headerbilder_start {
	width: 460px;
	height: 111px;
	}
	.container { max-width: 767px; }
	img.headline-punkt { width:30px;height:auto;padding-bottom:5px; }
	div.haendlerliste {width:98%;}
}

@media (min-width: 768px) {
	div.breadcrumb { font-size:1em;	}
	#headerbilder {
	width: 748px;
	height: 128px;
	}
	#headerbilder_start {
	width: 748px;
	height: 179px;
	}
	.container { width: 748px; }
	img.headline-punkt { width:30px;height:auto;padding-bottom:5px; }
	div.haendlerliste {width:48%;}
}

@media (min-width: 960px) {
	div.breadcrumb{
	font-size:1em;
	}
	#headerbilder {
	width: 940px;
	height: 153px;
	}
	#headerbilder_start {
	width: 940px;
	height: 214px;
	}
	.container { width: 940px; }
	img.headline-punkt { width:30px;height:auto;padding-bottom:5px; }
}

@media (min-width: 1024px) {
	div.breadcrumb{
	font-size:1em;
	}
	#headerbilder {
	width: 1006px;
	height: 182px;
	}
	#headerbilder_start {
	width: 1006px;
	height: 255px;
	}
	.container { width: 1006px; }
	img.headline-punkt { width:30px;height:auto;padding-bottom:5px; }
	div.haendlerliste {width:32%;}
}

@media (min-width: 1200px) {
	div.breadcrumb{
	font-size:1.1em;
	}
	#headerbilder {
	width: 1182px;
	height: 214;
	}
	#headerbilder_start {
	width: 1182px;
	height: 300;
	}
	.container { width:1182px; }
	img.headline-punkt { width:35px;height:auto;padding-bottom:10px; }
}

@media (min-width: 1440px) {
	div.breadcrumb{ font-size:1em; }
	#headerbilder {
	width: 1300px;
	height: 236px;
	}
	#headerbilder_start {
	width: 1300px;
	height: 330px;
	}
	.container { width: 1300px; }
	img.headline-punkt { width:35px;height:auto;padding-bottom:10px; }
	div.haendlerliste {width:23%;}
}



@media (min-width: 1680px) {
	div.breadcrumb{ font-size:1em; }
	#headerbilder {
	width: 1628px;
	height: 295px;
	}
	#headerbilder_start {
	width: 1628px;
	height: 413px;
	}
	.container { width: 1628px; }
	img.headline-punkt { width:35px;height:auto;padding-bottom:10px; }
}


/* ENDE Header */



div.logo {padding:32px 0px 47px 0px;margin:0px;text-align:center;}

/* START Navbar-Einstellungen */


.navbar {
padding:0px;
margin:0px;
}

.navbar-nav {
padding:0px;
margin:0px;
}
    
.navbar-default {
padding:0px;
margin:0px;
top:0px;
width:100%;
background:#FFF;
border:none;
font-size:1.1em;
box-shadow:none;
}



.navbar-header {
position:fixed;
top:0px;
left:0px;
padding:10px;
margin:0px;
text-align:center;
width:100%;
border-bottom:2px dotted #CCC;
z-index:200;
background:#FFF;
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);

}

.navbar-collapse {
margin:0px;
}

#navbar-1 {
z-index:100;
text-align:center;
}




/* Schriftfarbe MM und SM */

ul.nav,
ul.dropdown-menu {
background-color:#FFF;
padding:0px;
}

    li > a.ssm,
    li > a.ssm:active,
    li > a.ssm:hover,
    li > a.ssm:visited,
    li > a.sm,
    li > a.sm:active,
    li > a.sm:hover,
    li > a.sm:visited {
    font-size:1.0em;
    color:#333;
    text-decoration:none;
    display:block;
    }


/* MM Schriftgröße, Padding, Farbe */
    li.mm>a.mm,
    li.mm>a.mm-active {
    background-color:#ffffff;
    color:#333;
    width:147px;
    min-height:50px;
    padding:6px 24px 6px 25px;
    margin:0px;
    }

/* MM hover und active */

    li.mm {     border-right:1px dotted #CCC;     }
    li.mm:first-child {     border-left:1px dotted #CCC;     }

    li.mm>a.mm-active,
    li.mm>a.mm-active:visited,
    li.mm>a.mm-active:active,
    li.mm>a.mm-active:hover,
    li.mm>a.mm:hover {
      color:#a61c5e;
     -webkit-animation: fadeIn 250ms;
     animation: fadeIn 250ms;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #eee 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #eee 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #eee 100%);
    }


/* SM hover und active */
    li > a.sm:hover,
    li > a.sm:active {
     -webkit-animation: fadeIn 250ms;
     animation: fadeIn 250ms;
    background-color:#EEE;
      }



li.mm > ul.dropdown-menu, 
li.mm > ul.dropdown-menu > li > ul.dropdown-menu  {
  padding-top:1px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.275);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.275);
}

/* SSM hover und active */
ul.dropdown-menu>li>a.ssm {
-webkit-animation: fadeIn 250ms;
animation: fadeIn 250ms;
border-bottom:1px solid #DDD;
}


ul.dropdown-menu>li>a.ssm:hover,
ul.dropdown-menu>li>a.ssm:active {
color:#a61c5e;
background-color:#EEE;
}



/* Dropdown-Menu Schrift- und BG-Farbe normal */
ul.dropdown-menu>li>a.sm {
border-bottom:1px solid #DDD;
}

ul.dropdown-menu>li>a.sm:hover,
ul.dropdown-menu>li>a.sm:active {
color:#a61c5e;
background-color:#EEE;
border-bottom:1px solid #DDD;
}




/* Seitliches Submenu im Contentbereich */
ul.smc > li.sm,  
ul.smc > li.sm-active,  
ul.smc > li.ssm-active,
ul.smc > li.ssm {
list-style-type:none;
border-bottom:1px dotted #DDD;
padding:2px;
margin:0px;
}


ul.smc > li.sm,
ul.smc > li.sm-active  {
padding-left:5px;
}

ul.smc > li.ssm,
ul.smc > li.ssm-active  {
padding-left:15px;
}



ul.smc > li.sm-active,
ul.smc > li.sm:active,
ul.smc > li.sm:hover,
ul.smc > li.ssm-active,
ul.smc > li.ssm:active,
ul.smc > li.ssm:hover {
color:#a61c5e;
-webkit-animation: fadeIn 250ms;
animation: fadeIn 250ms;
background-color:#eee;
}
/* Seitliches Submenu im Contentbereich */





/* Dropdown-Menu Schrift- und BG-Farbe hover / active */
li>a.ssm-active,
li>a.ssm-active:hover,
li>a.ssm:hover,
li>a.sm:hover,
li>a.sm-active:hover,
li>a.sm-active {
background-color:#eee;
color:#a61c5e;
display:block;
}


li>a.sm-active {
background-color:#eee;
}

li>a.ssm-active {
background-color:#eee;
}


ul.dropdown-menu > li > a{
padding-top:8px;
padding-bottom:8px;
padding-right:15px;
}

.navbar-default .navbar-toggle {
  margin:5px;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #f3f3f3;
    -webkit-animation: fadeIn 250ms;
     animation: fadeIn 250ms;

}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #999;
}

.navbar-default .navbar-toggle:hover .icon-bar {
  background-color: #FFFFFF;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #eee 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #eee 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #eee 100%);
  color:#a61c5e;
 /* color: #a61c5e;*/
}


/* Dropdown-Menu Hauptnavi */


/* ENDE Navbar-Einstellungen */






/* Submenu im Content */
div.submenu {
padding:0px 20px; 0px 20px
}

ul.smc {
margin-top:30px;
padding:0px;
list-style-type:none;
}

ul.smc > li.sm,
ul.smc > li.sm-active {
margin:15px 0px 5px 0px;
font-weight:bold;
font-size:0.9em;
color:#000;
text-decoration:none;
padding:2px 5px 2px 5px;
}


ul.smc > li.ssm,
ul.smc > li. {
margin:5px 0px 5px 20px;
padding:2px;
border-bottom:1px dotted #DDD;
}

ul.smc > li.,
ul.smc > li.:active,
ul.smc > li.ssm:hover,
ul.smc > li.:hover {
background-color:#eee;
color:#a61c5e;
}

ul.smc > li.ssm > a.ssm:active,
ul.smc > li.ssm > a.ssm:hover,
ul.smc > li. > a.ssm-active,
ul.smc > li. > a.ssm-active:hover,
ul.smc > li. > a.ssm-active:focus  {
background-color:#eee;
color:#a61c5e;
-webkit-animation: fadeIn 250ms;
animation: fadeIn 250ms;
}

/* Submenu im Content */






/* START Footer */

li.tm,
li.tm-active {
display:inline;
list-type:none;
padding:0px 20px 0px 20px;
font-size:1.1em;
background-color:#fff;
border-right:1px dotted #CCC;
}


li.tm:first-child {
border-left:1px dotted #CCC;
}


li.tm:hover,
li.tm-active, 
li.tm-active:active, 
li.tm-active:hover  {
background:#f9f9f9;
  color:#a61c5e;
}

li.tm > a {color:#666;text-decoration:none}

li.tm-active > a, 
li.tm > a:hover,
li.tm > a:active {
text-decoration:none;
  color:#a61c5e;
}
/* ENDE Footer */




/* Farb-Hintergründe */
.c-white {background-color:#FFF}
.c-grey {background-color:#eeeeee}
.c-black {background-color:#666}
.red {color:#d72b2b}
/* Farb-Hintergründe */

/* TRace-Farben */
.trace1 {background-color:#900}
.trace2 {background-color:#090}
.trace3 {background-color:#009}
/* TRace-Farben */



.black {color:#000;font-weight:500}


div.xsbrand {
text-align:left;
padding-left:20px;
padding-top:10px;
}

h1 {
  line-height:1.1em;
  padding-bottom:20px;
}

h1 small {
  font-weight: normal;
  line-height: 1em;
  color:#666666;
  padding-left:47px;
}





li {
	list-style-image:none;
  margin-bottom:0.7em;
  line-height:1.4em
	}

ul { margin-top:0.7em}

ul.dropdown-menu { margin:0px}

ul.nav>li,
ul.dropdown-menu>li  {
  margin-bottom:0px;
}



/* ab hier Mobile CSS */
/* ab hier Mobile CSS */
/* ab hier Mobile CSS */
/* ab hier Mobile CSS */
/* ab hier Mobile CSS */
/* ab hier Mobile CSS */
/* ab hier Mobile CSS */
/* ab hier Mobile CSS */
/* ab hier Mobile CSS */
/* ab hier Mobile CSS */

@media screen and (max-width: 767px) { 

html,body {
background:none;
background-color:#DDD;
min-height:10px;
}

.container {
padding:0.5em;
min-height:10px;
}


ul.nav > li.mm > a.mm:active,
ul.nav > li.mm > a.mm:hover,
ul.nav > li.mm > a.mm-active,

ul.nav > li.mm > a.mm-active:active,
ul.nav > li.mm > a.mm-active:hover,
ul.nav > li.mm > a.mm-active:visited,

ul.nav > li.mm > ul.dropdown-menu > li > ul.dropdown-menu > li > a.ssm-active,
ul.nav > li.mm > ul.dropdown-menu > li > ul.dropdown-menu > li > a.ssm:active,
ul.nav > li.mm > ul.dropdown-menu > li > ul.dropdown-menu > li > a.ssm:hover,

ul.nav > li.mm > ul.dropdown-menu > li > a.sm-active,
ul.nav > li.mm > ul.dropdown-menu > li > a.sm:active,
ul.nav > li.mm > ul.dropdown-menu > li > a.sm:hover {
border-bottom:none;
background-image:none;
text-decoration:none;
color:#a61c5e;
font-size:1.4em;
line-height:1.6em;
width:100%;
padding:10px;
margin:0px;
min-height:30px;
}


ul.nav > li.mm > a.mm,
ul.nav > li.mm > ul.dropdown-menu > li > ul.dropdown-menu > li > a.ssm,
ul.nav > li.mm > ul.dropdown-menu > li > a.sm {
border-bottom:none;
background-image:none;
text-decoration:none;
width:100%;
color:#666;
font-size:1.4em;
line-height:1.6em;
padding:7px;
margin:0px;
min-height:30px;
}


ul.nav > li.mm > a.mm,
ul.nav > li.mm > a.mm:active,
ul.nav > li.mm > a.mm:hover,

ul.nav > li.mm > a.mm-active,
ul.nav > li.mm > a.mm-active:active,
ul.nav > li.mm > a.mm-active:hover {
padding-left:20px;
}

ul.nav > li.mm > ul.dropdown-menu > li > a.sm,
ul.nav > li.mm > ul.dropdown-menu > li > a.sm-active,
ul.nav > li.mm > ul.dropdown-menu > li > a.sm:active,
ul.nav > li.mm > ul.dropdown-menu > li > a.sm:hover {
padding-left:30px;
}

ul.nav > li.mm > ul.dropdown-menu > li > ul.dropdown-menu > li > a.ssm,
ul.nav > li.mm > ul.dropdown-menu > li > ul.dropdown-menu > li > a.ssm-active,
ul.nav > li.mm > ul.dropdown-menu > li > ul.dropdown-menu > li > a.ssm:active,
ul.nav > li.mm > ul.dropdown-menu > li > ul.dropdown-menu > li > a.ssm:hover {
padding-left:40px;
}



ul.nav > li.mm,
ul.nav > li.mm > ul.dropdown-menu > li,
ul.nav > li.mm > ul.dropdown-menu > li > ul.dropdown-menu > li {
vertical-align:center;
width:100%;
min-height:30px;
text-align:left;
border-top:1px solid #ccc;
background:none;
background-color:#FFF;
}

/* MM hover und active */


ul.nav > li.mm-actice,
ul.nav > li.mm:hover,
ul.nav > li.mm:active,
ul.nav > li.mm > ul.dropdown-menu > li:hover,
ul.nav > li.mm > ul.dropdown-menu > li:active,
ul.nav > li.mm > ul.dropdown-menu > li > ul.dropdown-menu > li:hover,
ul.nav > li.mm > ul.dropdown-menu > li > ul.dropdown-menu > li:active {
background-color:#EEE;
}

ul.nav > li.mm:last-child {border-bottom:1px solid #CCC;     }


/* MM Schriftgröße, Padding, Farbe */


/* START Inhalt */
div.inhaltschmal,
div.inhaltbreit {
position:relative;
margin-top:80px;
padding:10px 20px 40px 20px;
font-size:1.3em;
line-height:1.4em;
}

/* ENDE Inhalt */



.navbar-default {
padding:0px;
margin:0px;
background:none;
border:none
}

#navbar-1 {
margin-top:75px;
}


.nav { 
font-size:0.9em;
line-height:1.1em;
margin-top:0px;
}


div.xsbrand {
margin-top:0px;
padding-bottom:0px;
text-align:left;
}

h1 {
line-height:1.2em;
font-size:1.3em;
margin-top:0px;
margin-bottom:10px;
padding:0px 0px 5px 0px;
border-bottom:1px dotted #CCC;
}

h2 {
padding:3px 0px 5px 0px;
font-size:1.1em;
line-height:1em;
}


h3 {
padding:3px 0px 5px 0px;
font-size:1em;
line-height:1.3em;
}


.row {
font-size:1.1em;
line-height:1.4em;
}

p {
margin-bottom:5px;
}


/* START Inhalt */
div.inhalt {
padding:5px;
background-color:transparent;
width:100%;
}
/* ENDE Inhalt */


#navbar-0 {
left:0px;
top:0px;
z-index:10;
}

.navbar-default {
left:0px;
top:0px;
}




/* Nur für Handys */

.half-size {max-width:100%}

#navbar-1 {
padding-left:0px;
background-color:#FFF
}

ul.navbar-nav { 
font-size:1.0em;
font-weight:normal;
}

ul.dropdown-menu { 
font-size:inherit;
font-weight:normal;
}

.navbar-toggle {
  margin: 0px;
  padding: 2px 2px;
}

/* Dropdown-Menu Schrift- und BG-Farbe normal */


.xsbrand {top:0px;text-align:left;}

ul.nav-tabs > li  {padding:0.2em}

}






/* START Dies und Das */
.error, .rot {
color:#dd1b11;
}

.disclaimer {color:#666}

/* ENDE Dies und Das */




/* START Termine */
.panel {
  border:none;
  margin-bottom: 12px;
  background:none;
  background-color: #ffffff;
  border-radius:0px;
  -webkit-box-shadow:none;
  box-shadow:none;
}

.panel-body {
  border:none;
  font-size:1em;
  padding:0px 10px 10px 190px;
  background:none;
}

.panel:last-child {
  border-bottom: 1px solid #CCC;
}

.panel-heading {
  border:1px solid #090;
  padding: 0px 10px;
  border-bottom:none;
  border-top-right-radius:0px;
  border-top-left-radius:0px;
  background:none;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  color: inherit;
  padding-left:20px;
  font-weight:600;
  background:none;
 }

.panel-title > a {
  color: inherit;
}

.panel-default {
  border:none;
  border-top: 1px solid #CCC;
  background:none;
}


.panel-default > .panel-heading {
  color: #333;
  background-color: #FFF;
  border:none;
  background:none;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top:none;
  background:none;
}


h3.panel-title {
font-weight: 600;
font-size:1em
}

h3.panel-title-datum {
font-weight: 400;
font-size:1em;
color:#999;
}

/* END Termine */

ul.nav > ul.dropdown-menu > ul.dropdown-menu >li {}
a,a:visited {color:#a61c5e; }
a:hover,a:active {color:#a61c5e;}



div.headline {font-weight:bold;padding-bottom:5px;}
div.text {}

/* Händlersuche */
div.plznr,div.plznr_hl,div.plznr_ohne {display:inline-block;padding:1px 5px 1px 5px;border-right:1px dotted #EEE;background-color:#f9f9f9}
div.plznr {}
div.plznr_hl {background-color:#a61c5e}
div.plznr_ohne {background-color:#fff}
a.plznr_hl {color:white}
span.no_plz {color:#CCC;}
/* Händlersuche */

/* Sprachenwechsel */
#sprachenwechsel {display:inline;margin-right:20px;padding-left:15px;}
/* Sprachenwechsel */

/* Produkte */
div.PRODUKTE {transition:all .3s ease}
div.PRODUKTLISTEadd,div.PRODUKTLISTEdel {
position:relative;
max-width:175px;
max-height:300px;
margin:0px 5px 5px 0px;
display:inline-block;
padding:5px;
line-height:1.2em
border-right:1px dotted #999;
vertical-align:top;
}

div.PRODUKTLISTEadd {
-webkit-animation: fadeIn 250ms;
animation: fadeIn 250ms;
border:1px dotted #999;
}

div.PRODUKTLISTEdel,div.PRODUKTLISTEadd:hover {
-webkit-animation: fadeIn 250ms;
animation: fadeIn 250ms;
border:1px solid transparent;
background-image:url('/templates/tc/img/produktliste-hover-bg.png');
background-position:0px 0px;
background-repeat:no-repeat;
background-size:100% 100%;
}

div.P_BILD,div.P_TEXT {text-align:center}
div.P_TEXT {font-size:0.9em;min-height:43px;}
div.P_AUGE {position:absolute;z-index:2;top:10px;left:10px;}
div.P_SELECT {display:inline-block;margin-right:5px;margin-bottom:5px;}
/* Produkte */


/* FAQ */
ol.faqa {list-style-type:none;padding-left:0px;}
li.faqa {list-style-type:none;padding-left:0px;}
div.antwort {border-top:1px dotted #CCC;margin-top:30px;padding:5px;}
/* FAQ */


/* Glossar */
#GLOSSAR_LISTE {margin-top:30px;}
ul.glossar {list-style-type:none;padding-left:0px;}
li.glossar {list-style-type:none;padding-left:0px;}

div.glossar {
	width: 100%;
/*	column-width: 20%;
	column-count: 4;*/
	column-gap: 2%;
	column-rule-color: #cccccc;
	column-rule-width: 1px;
	column-rule-style: dotted;
	column-break-before: column;
	column-break-after: column;
	margin-bottom:2em;
	transition:all .2s ease;
}

div.glossar .char {
	display:block;
	font-size:1.2em;
	font-weight:bold;
	margin-top:.5em
}

div.glossar .A {
	display:block;
	font-size:1.2em;
	font-weight:bold;
	margin-top:0em
}

div.glossar .char_headline {
	display:block;
	font-weight:normal;
	margin-left:10px;
}

div.glossar_single {
	max-width:750px; 
	padding-left:1.7em;
}

a.back {
	padding:2px 10px;
	background:#f3f3f3;
	font-weight:bold;
	margin-bottom:1em;
	display:block;
}

img.back {
	display:inline;
	padding-right:5px;
}

a.back_mob {
	display:none;
	margin-top:1em;
	max-width:300px;
}
/* Glossar */




/* Merkliste */
li > a.tm_merkliste,li > a.tm-active_merkliste {color:#a61c5e;font-weight:bold}
div.MERKLISTE_LISTE {border:1px dotted #CCC;padding:5px;max-witdh:100px;}
div.MERKLISTE_ITEM {padding:5px;display:inline-block;width:200px;height:200px}
div.MERKLISTE_BILD,div.MERKLISTE_TEXT {text-align:center}
div.MERKLISTE_TEXT {font-size:0.9em;}
div.MERKLISTE_BUTTON {}
/* Lightbox */

/* Produkte Details */
#PRODUKT_DETAILS,#P-A,#P-B,#P-C {padding:0px;position:relative;}
#P-B,#P-C {border-left:1px dotted #CCC;border-right:1px dotted #CCC;padding:1em}
#P-A {border-right:1px dotted #CCC;padding-top:1em}
#PRODUKT_DETAILS {position:relative;padding:0px;}
DIV.p_links {padding-right:1em;border-left:1px dotted #CCC;text-align:center;}
DIV.p_rechts {border-left:1px dotted #CCC;
padding-left:20px;
background-image: -webkit-linear-gradient(bottom, #f3f3f3 0%, #ffffff 50%);
background-image: -o-linear-gradient(bottom, #f3f3f3 0%, #ffffff 50%);
background-image: linear-gradient(to top, #f3f3f3 0%, #fff 50%);
}

ul.p_merkliste {list-style-type:none;margin:0px;padding:0px;width:100%}
ul.p_merkliste li {text-align:center;border-bottom:1px dotted #ccc;padding:4px;}
ul.p_merkliste li:first-child {border-top:1px dotted #ccc}



.nav-tabs > li {
  padding: 0px 10px 0px 10px;
  font-size:1.1em;
  font-weight:500;
  float: left;
  margin-bottom:-2px;
  border-radius: 4px 4px 0 0;
  border: 1px solid transparent;
  border-right: 1px solid #DDD;
  border-top: 1px solid #DDD;
  background-color:#f3f3f3;
}

.nav-tabs > li:first-child {
  border-left: 1px solid #DDD;
}

.nav-tabs > li:hover {
  margin-bottom:-2px;
  background-color:#a61c5e;
  border: 1px solid #CCCCCC;
  border-radius: 4px 4px 0 0;
  text-decoration:none;
  color:#ffffff;
}

.nav-tabs > li > a,
.nav-tabs > li > a:hover {
  color:#333333;
  text-decoration:none;
  background:none;
  border: 1px solid transparent;
}

.nav-tabs > li > a:hover {
  color:#ffffff;
}

.nav-tabs > li.active, 
.nav-tabs > li.active:hover {
  color:#ffffff;
  background-color:#a61c5e;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}


.nav-tabs > li.back, 
.nav-tabs > li.back:hover {
  color:#ffffff;
  background-color:#999;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}



.nav-tabs > li.active > a,
.nav-tabs > li.active > a:visited,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background:none;
  color:#FFF;
  border: 1px solid transparent;
  text-decoration:none;
}
/* Produkte Details */


/* Topmenu */
div#topmenu {
margin-bottom:40px;
padding-top:10px;
text-align:right;
background-color:#FFF; 
}
/* Topmenu */



/* Navi (Startseite) */
#portfolio > .portfolio-item {
    position: relative;
    margin: 1.5px;
    padding: 4px;
    display:inline-block;
    min-width:146px;
    border-right:1px dotted #999;
    border-bottom:1px dotted #999;
    width:322px;
    height:301px;
}

#portfolio .portfolio-hover-content > img {
		padding: 0px;
		width: 100vW;
	}

#portfolio > .portfolio-item:first-child {
    border-left:1px dotted #999;
}


#portfolio .portfolio-item .portfolio-link .portfolio-hover-content {
    position: absolute;
    opacity: 0;
    background: rgba(255,255,255,1);
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    transition: all ease 0.2s;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover-content:hover {
    position:relative;
    width:100%;
    opacity: 1;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
    position: absolute;
    width:100%;
    margin: 0px;
    padding: 0px;
    text-align: center;
}



#portfolio * {
    z-index: 2;
	transition:all .3s ease
}



/* START Header */

@media (max-width: 767px) {
	#portfolio > .portfolio-item {
		padding: 0px;
	}
	a.back_mob {display:block}
}


@media (min-width: 768px) {
	#portfolio > .portfolio-item {
		padding: 0px;
	}
	div.glossar {
		column-width: 45%;
		column-count: 2;
	}
}

@media (min-width: 960px) {
	#portfolio > .portfolio-item {
		padding: 0px;
		width: 245px;
		height: 233px;
	}
}

@media (min-width: 1024px) {
	#portfolio > .portfolio-item {
		padding: 0px;
		width: 197px;
		height: 181px;
	}
	div.glossar {
		column-width: 30%;
		column-count: 3;
	}
}

@media (min-width: 1200px) {
	#portfolio > .portfolio-item {
		padding: 0px;
		width: 233px;
		height: 219px;
	}
	div.glossar {
		column-width: 20%;
		column-count: 4;
	}
}

@media (min-width: 1440px) {
	#portfolio > .portfolio-item {
		padding: 0px;
		width: 256px;
		height: 238px;
	}
}

@media (min-width: 1680px) {
	#portfolio > .portfolio-item {
		padding: 0px;
		width: 322px;
		height: 300px;
	}
}

/* Smartphones */
@media only screen and (min-width: 320px) and (max-width: 479px) {
	#portfolio {
		padding-top:80px;
	}
	#portfolio > .portfolio-item {
		padding: 0px;
		width: 100%;
		height: 100%;
	}

	div.PRODUKTLISTEadd, div.PRODUKTLISTEdel {
		max-width: 166px;
	}	

	#PRODUKTE {margin-top: 1em;}

	select {margin-bottom: .5em;}

	#portfolio > .portfolio-item > a >img,
	#portfolio .portfolio-hover-content > img {
		padding: 0px;
		width: 96vW;
	}

}
/* Smartphones */

/* Navi (Startseite) */




/* START Breadcrump */
ol.breadcrumb {
display:inline;
padding:0px;
margin:0px;
background:none;
color:#EEE;
}

ol.breadcrumb > li.bc,
ol.breadcrumb > li.bc-active {
display:inline;
}
/* ENDE Breadcrump */


/* Login Sicherheitsdatenblätter */
input.login {
max-width:300px;
}

.login-submit,
.login-submit:hover  {
width:150px;
background-color:#a61c5e;
color:#FFF;
font-weight:400;
}
/* Login Sicherheitsdatenblätter */


img.logo-mobile {max-width:270px;} 

.modal {text-align:center}

DIV.P_NEU {position:absolute;z-index:2;}

ul,ol {
    margin:0;
    padding:0 0 .5em .5em;
}

ul {
    list-style-type:disc;
}

ul li,
ol li {
	margin: 0 0 .5em .5em;
	padding: .2em;
}


/* Produktsuche */
@keyframes glow {
  40% {
	box-shadow:0px 0px 6px rgba(175,52,50,0.2);
	border:1px solid #999;
	}
  50% {
	box-shadow:0px 0px 9px rgba(175,52,50,0.5);
	border:1px solid #a61c5e;
  }
  60% {
	box-shadow:0px 0px 6px rgba(175,52,50,0.2);
	border:1px solid #999;
	}
}

#ps_mobil {
	background-color:#f9f9f9;
	border:1px solid #999;
	padding:.25em .5em .25em 1em;
	transition:all .3s ease;
	width:95%;
	height:100%;
	border-radius:6px;
}

#ps_mobil:active,
#ps_mobil:hover {
	box-shadow:none;
	border:none;
}

#ps_mobil .ps_input {
	width:90%;
	height:2em;
	color:#000;
	font-size:1.3em;
	border:none;
	background:#f9f9f9;
}


#ps_mobil .fa {
	border:none;
	background:#f9f9f9;
	font-size:1.5em;
	color:black;
}


#ps {
	position:absolute;
	z-index:10;
	right:3vW;
	bottom:6vH;
	background-color:#ffffff;
	border:1px solid #999;
	border-radius:6px;
	box-shadow:0px 0px 6px rgba(175,52,50,0.2);
	padding:.5em 1em;
	transition:all .3s ease;
	animation:glow 5s ease 4;
}

#ps:active,
#ps:hover {
	box-shadow:0px 0px 9px rgba(175,52,50,0.3);
	border:1px solid #a61c5e;
}

#ps .ps_input {
	width:12em;
	height:1.6em;
	color:#666;
	font-size:1.1em;
	border:none;
}

#ps .ps_input::placeholder {
  color: #a61c5e;
}

#ps .fa {
	border:none;
	background:white;
	font-size:1.1em
}

#ps .btn-search,
#ps_mobil .btn-search {
	border:none;
	background:none;
}