/* RESET */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;

}

/* Grundgerüst */
html, body {
	font-family: helevtica, sans-serif;
	font-size: 100%;
	background-color: #bcbcbc;	
	height: 100%;
}

.farbeorange {
	color: #EB5F1C !important;
}

#wrapper {
	margin: 0 auto;
	color: white;
	background-color: #545454;
	background-color: white;
	position: relative;
	z-index: 200;

	/* Sticky footer */
	min-height: 100%;
	width: 960px;	
	/* für dritte Spalte */
	/*width: 1200px;*/
}

header {
	position: relative;
	height: 229px;	
	background-color: #545454;
	background-image: url(bilder/hg-kopf.jpg);
}

#stickyfooter {
	padding-bottom: 2em;
}

#vorfusszeile {
	clear: both;
}

footer {
	clear: both;
	background-color: #545454;
    position:absolute;
    bottom: 0;
	width: 100%;
	height: 2em;
	line-height: 2em;
	text-align: center;
}


/* HEADER-Elemente */
#logo {
	position: absolute;
	bottom: 40px;
	width: 100%;
	float: left;
	color: #EB5F1C;

	text-align: right;
	padding-right: 2em;
	font-size: 2.4em;
	line-height: 1.5em;
	font-weight: bold;

	background-color: hsla(0 , 0%, 90%, 0.8);
	box-shadow: 0px 5px 30px black;
	/*border: 2px solid orange;*/

}

#motto {
	position: relative;
	padding: 20px 10px 0 0;
	text-align: right;
	z-index: 120;
}

#motto1 {
	font-size: 1.4em;
	margin-bottom: 10px;
}

#motto2 {
	line-height: 1.4em;
	font-size: 0.9em;
}


/* Breadcrumbs */
#breadcrumb {
	clear:both;
	background-color:#333;
	color: #ddd;
	margin-bottom:0em;
	line-height:1.8em;
	padding-left:14px;
	font-size:80%;
}

#breadcrumb a {
	color: #ddd;
}

#breadcrumb a:hover {
	color: white !important;
}

a.brelast {
	text-decoration: none;
	color: white;
}


/* wenn externe Videos eingebunden werden sollen */
.videobereich {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
}	
	
.videoExtern {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* externe Links zu Amazon kennzeichnen */
a[href^="http://www.amazon.de"]:after,
a[href^="https://www.amazon.de"]:after {
	content: url('bilder/klammer-stern.gif');
	/*content: url('bilder/klammer-stern-kl.gif');*/
}

/*a[href^="https://"] { background:url(bilder/extern-link.gif) no-repeat;padding-left:20px; }*/
a[target^="_blank"] { background:url(bilder/extern-link.gif) no-repeat;padding-left:20px; }


/* sitemap */
#sitemap { -moz-column-count:3;-webkit-column-count:3;column-count:3;}

.einr1, .einr2, .einr3, .einr4, .einr5 { display:block; }

.einr1 {
	background-color:#DADADA;
	font-weight:bold;
}

.einr1 ~ .einr1 {
	margin-top:.8em;
}

.einr2{
    padding-bottom: 0.3em;
    font-size:90%;
    margin-top: .3em;
}

.einr3{
	padding-left: 1em;
    padding-bottom: 0.5em;
    font-size:80%;
}

.einr4 {
	padding-left: 2em;
    padding-bottom: 0.5em;
    font-size:80%;
}

.einr5 {
	padding-left: 2.5em;
    padding-bottom: 0.5em;
    font-size:80%;
}



/*Fußbereich*/
.fussinhaltabstand {
	display: inline-block;
	height: 0.7em;
	border-right: 1px solid white;
	margin-right: 15px;
	padding-right: 15px;
}

footer a {
	color: white;
	text-decoration: none;
}

footer a:hover {
	text-decoration: underline;
}







#inhalt {
	/*width: 950px;  Test für Seitenspalte */
	float: left;  
	
	background-color: white;
	color: black;
}

article {
	padding: 2em 30px 2em 0;
	width: 660px;
	/*max-width: 660px;*/
	float: right;
	/*background-color: silver;*/
}

article p, article li {
	/*line-height: 2em !important;    wegen Stern für Werbung so groß */
}

#infospalte {
	background-color: yellow;
	color: black;
	float: right;
	width: 230px;
	margin-right: 5px;
	margin-top: 20px;
}


#steuerung {
	padding: 30px 10px 10px 10px;
	background-color: #eee;
	border: 1px solid silver;
	width: 200px;
	float: left;
	margin-right: 30px;
}

#steuerung ul ul li {
	/*background-color: yellow !important;*/
	margin-bottom: 0;
	font-weight: normal;
} 

#steuerung ul li {
	/*background-color: red;*/
	/*margin-bottom: 1em;*/
	/*font-weight: bold;*/
}


#steuerung ul {
/*	background-color: orange;
*/	width: 100%;
}

#steuerung li ul {
	display: block;
	/*background-color: red;*/
	margin-top: 0.4em;
	font-size: 0.9em;
}

#steuerung a {
	text-decoration: none;
	color: black;
	display: block;
	width: 100%;
		padding: 2px; 

}

#steuerung a:hover {
	background-color: black;
	color: white;
}

#steuerung li {
	padding-bottom: .8em;
	/*padding-bottom: 1em;*/
	list-style-type: none;
}

#steuerung li li {
	margin-left: 1em;
	list-style-type: square;
}

#steuerung li li li {
	margin-left: 2em;
	list-style-type: circle;
}


.dsteu_hight > a {
	color: yellow !important;
	background-color: black;
}


article p, 
article ul, 
article ol 
{
	margin-bottom: 2em;
	line-height: 1.5em !important;   
}


article ul, 
article ol 
{
	margin-left: 1em;
}

article li {
	margin-bottom: 1em;
}

figure{border:1px solid black;margin-bottom:1em;box-shadow:8px 8px 50px #666;margin-top:30px;margin-bottom:40px;}
figure{display:block;position:relative;overflow:hidden;}
figure img{ width: 100%; height: auto;}
figcaption{position:absolute;background:rgba(0,0,0,0.75);color:white;padding:8px 16px;opacity:0.85;bottom:0;left:0;border-radius:0 20px 0 0;border-top:3px solid black;border-right:3px solid black;}
figure:hover figcaption{opacity:0;background-color:red;bottom:-10%;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;}


/*footer {
	text-align: center;
	line-height: 2em;
	font-size: .8em;
	clear: both;
	background-color: #545454;
}*/







#fussvtext {
	float: left;
	/*background-color: #FFDF00;*/
	color: black;
	padding-top: 80px;
	padding-left: 30px;
	padding-right: 30px;
}


#fusstext {
	color: black;
	margin-left: 390px;
	margin-right: 150px;
	/*background-color: red;*/
	padding-top: 80px;
	text-align: right;
	/*padding-left: 150px;*/
}


/* Blättern unten */
#blaettern {
	clear: both;
	margin-bottom: 4em;
}

#nav_unten {
    margin-top: 20px;
    border-top : 1px solid silver ;
    padding-top: 20px;
}

#nav_unten_zurueck {
    display: block;
    width: 45%;
    background-color: #EFEFEF;
	border: 10px solid #EFEFEF;
    border-right: dotted 1px silver;
    float: left;
}

#nav_unten_zurueck span+span {
    display: block;
    margin-left: 22px;
}

#nav_unten_zurueck_pfeil {
    display: block;
    float: left;
    width: 16px;
    height:19px;
    background-image:url(bilder/icons-links-hoch-rechts.gif);
    background-position: 0px 2px;
    background-repeat: no-repeat;
    vertical-align:text-top;
}

a:hover #nav_unten_zurueck {
    background-color: #DBDBDB;
}

a:hover #nav_unten_zurueck_pfeil {
    background-position: 0px -30px;
}


#nav_unten_weiter {
    display: block;
    width: 45%;
    background-color: #EFEFEF;
	border: 10px solid #EFEFEF;
    border-left: dotted 1px silver;
    float: right;
}

#nav_unten_weiter span+span {
    display: block;
    text-align: right;
    margin-right: 22px;
}

#nav_unten_weiter_pfeil {
    display: block;
    float: right;
    width: 16px;
    height:19px;
    background-image:url(bilder/icons-links-hoch-rechts.gif);
    background-position: -32px 2px;
    background-repeat: no-repeat;
    vertical-align:text-top;
}

a:hover #nav_unten_weiter {
    background-color: #DBDBDB;
}

a:hover #nav_unten_weiter_pfeil {
    background-position: -32px -30px;
}

#nav_unten_anfang {
    display: block;
    text-align: center;
    margin: 0 auto;
    width: 16px;
    height:19px;
	
		border: 10px solid white;

}

#nav_unten_anfang_pfeil {
    display: block;
    width: 16px;
    height:19px;
    background-image:url(bilder/icons-links-hoch-rechts.gif);
    background-position: -16px 2px;
    background-repeat: no-repeat;
    vertical-align:text-top;
}

a:hover #nav_unten_anfang_pfeil {
    background-position: -16px -30px;
}

h1 {
	font-size: 2.2em;
	color: #545454;
}


kbd {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #eeeeee;
    border-color: #dddddd #bbbbbb #bbbbbb #dddddd;
    -webkit-border-image: none;
    -o-border-image: none;
    border-image: none;
    border-style: solid;
    border-width: 0.2em;
    font-size: 0.9em;
    padding: 0 0.4em;
    white-space: nowrap;
}


dt {
	clear: both;
	display: inline-block;
	width: 30%;
	float: left;
	border-top: 1px dotted silver;
	padding-top: 1em;
	/*margin-top: 1em;*/

}

dd {
	border-top: 1px dotted silver;

	margin-left: 30%;

	padding-bottom: 1em;
	margin-bottom: 1em;

	padding-top: 1em;
	margin-top: 1em;
}




table {
	border-collapse: collapse;
	box-shadow: 5px 5px 15px 0px #cccccc;
} 

thead th {
	background-color: black !important;
	color: white !important;
}

th, 
td {
	padding: 4px 10px;
	
}

table tr:nth-of-type(odd),
#main tr:nth-of-type(odd) {
    background-color: #F6F6F6;
}

table tr:nth-of-type(even),
#main tr:nth-of-type(even) {
    background-color: #d1d1d1;
}

table tr:last-child ,
#main tr:last-child  {
    border-bottom: 1px solid black;
}


table tr:hover,
#main tr:hover { 
    background:yellow;
}



/*
#formbestellen,
#formvideobestellen {
	background-color: #eee;
	padding: 1em;
}

#formbestellen textarea,
#formvideobestellen textarea {
	width: 100%;
}
*/


#videobereichX {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
}	
.videoExternX {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.slicknav_menu {
	display:none;
}




	#infospalte {
		border: 2px solid silver;
		background-color: white;
/*		padding: 7px;*/
		box-sizing: border-box;
	}
	
	#infospalte {
		font-size: 85%;
	}
	
	#infospalte h2	{
		margin-bottom: .4em;
		color: yellow;
		background-color: black;
		padding: 7px;
	}

	#infospalte p
	{
/*		margin-bottom: .8em;*/
		padding: 7px;
	}

	#infospalte ul {
		margin-left: 1em;
		margin-bottom: 1em;
		padding: 7px;
	}

	#infospalte {
/*		background-color: yellow;*/
/*		width: 185px;*/
	}	

	#video230 {
		width: 218px;
	}	



@media only screen and ( max-width: 1200px ) {
	#wrapper {
		width: 960px;
	}
	
	#infospalte {
		box-sizing: border-box;
/*		border: 2px solid red !important;*/
		border: 0 !important;
		width: 100%;
		text-align: left;
		margin: 0;
		margin-top: 1em;
		margin-bottom: 1em;
/*		margin: 1em;*/
	}
	
	.infospalteblock {
		box-sizing: border-box;
		width: 33%;
/*		border: 1px solid yellow;*/
		float: left;
		padding: 0 14px;
	}
	
	#infospalte h2	{
		padding: 7px 24px !important;
/*		color: lime !important;*/
	}	
	
	#inhalt {
		/*
		width: auto; */ /* Test für Seitenspalte */
/*		float: left;  Test für Seitenspalte */
	}
	
	article { 
/*		width: 100%;*/
	}
	
	#video230 {
		width: 100%;
	}	
	
}





/* fuer Handy und Co */
@media only screen and ( max-width: 960px ) {
	#wrapper {
		width: 100% !important;
	}

	#inhalt {
		width: auto;
	}	
	
	/*#logo,*/
	/*#logo img {*/
/*		width: 500px;
		height: auto;
		height: 136px;
		background-image: none;*/
		/*float: left;*/
	/*}	*/

	#motto {
		font-size: 70%;
		padding: 20px 20px 0 0;

	}
	
	.handyausblenden {
		display: none;
	}

	#steuerung {
		display: none;
	}

	#breadcrumb {
		display: none;
	}

	article {
		padding: 2em 0;
		margin: 0 auto;
		width: 95%;
		float: none;		
	}

	article p, article li {
		width: auto;
		/*background-color: yellow;*/
	}

	figure,
	figure img { 
		width: 100%; 
		height: auto;
	}	

	.slicknav_menu {
		display:block;
	}

	.slicknav_nav a {
		text-align: left;
	}		

}






/*!
 * SlickNav Responsive Mobile Menu v1.0.6
 * (c) 2015 Josh Cope
 * licensed under MIT
 */
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer; 
}

  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em; 
}

.slicknav_menu {
  *zoom: 1; }
  .slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left; }
  .slicknav_menu .slicknav_icon {
    float: left;
    width: 1.125em;
    height: 0.875em;
    margin: 0.188em 0 0 0.438em; }
    .slicknav_menu .slicknav_icon:before {
      background: transparent;
      width: 1.125em;
      height: 0.875em;
      display: block;
      content: "";
      position: absolute; }
  .slicknav_menu .slicknav_no-text {
    margin: 0; }
  .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    border-radius: 1px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
  .slicknav_menu:before {
    content: " ";
    display: table; }
  .slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; }

.slicknav_nav {
  clear: both; }
  .slicknav_nav ul {
    display: block; }
  .slicknav_nav li {
    display: block; }
  .slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em; }
  .slicknav_nav .slicknav_item {
    cursor: pointer; }
    .slicknav_nav .slicknav_item a {
      display: inline; }
  .slicknav_nav .slicknav_row {
    display: block; }
  .slicknav_nav a {
    display: block; }
  .slicknav_nav .slicknav_parent-link a {
    display: inline; }

.slicknav_brand {
  float: left; }

.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
  background: #4c4c4c;
  padding: 5px; }
  .slicknav_menu * {
    box-sizing: border-box; }
  .slicknav_menu .slicknav_menutxt {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 3px #000; }
  .slicknav_menu .slicknav_icon-bar {
    background-color: #fff; }

.slicknav_btn {
  margin: 5px 5px 6px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  border-radius: 4px;
  background-color: #222; }

.slicknav_nav {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  list-style: none;
  overflow: hidden; }
  .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 20px; }
  .slicknav_nav .slicknav_row {
    padding: 5px 10px;
    margin: 2px 5px; }
    .slicknav_nav .slicknav_row:hover {
      border-radius: 6px;
      background: #ccc;
      color: #fff; }
  .slicknav_nav a {
    padding: 5px 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: #fff; }
    .slicknav_nav a:hover {
      border-radius: 6px;
      background: #ccc;
      color: #222; }
  .slicknav_nav .slicknav_txtnode {
    margin-left: 15px; }
  .slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0; }
  .slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0; }

.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px; }




/* Cookie Consent CSS mit K2 Anpassungen */
.cc_banner-wrapper{z-index:9001;position:relative}
.cc_container .cc_btn{cursor:pointer;text-align:center;font-size:0.6em;-webkit-transition:font-size 200ms;transition:font-size 200ms;line-height:1em}
.cc_container .cc_message{font-size:0.6em;-webkit-transition:font-size 200ms;transition:font-size 200ms;margin:0;padding:0;line-height:1.5em}

@media screen and (min-width: 500px){
 .cc_container .cc_btn{font-size:0.8em}
 .cc_container .cc_message{font-size:0.8em}
}

@media screen and (min-width: 768px){
 .cc_container .cc_btn{font-size:1em}
 .cc_container .cc_message{font-size:1em;line-height:1em}
}

@media screen and (min-width: 992px){
 .cc_container .cc_message{font-size:1em}
}

@media print{
 .cc_banner-wrapper,.cc_container{display:none}
}

.cc_container{position:fixed;left:0;right:0;bottom:0;overflow:hidden;padding:10px}
.cc_container .cc_btn{padding:8px 10px;background-color:#f1d600;background-color:black;
  cursor:pointer;-webkit-transition:font-size 200ms;transition:font-size 200ms;text-align:center;font-size:0.6em;display:block;width:33%;margin-left:10px;float:right;max-width:80px}
.cc_container .cc_message{-webkit-transition:font-size 200ms;transition:font-size 200ms;font-size:0.6em;display:block}

@media screen and (min-width: 500px){
 .cc_container .cc_btn{font-size:0.8em}
 .cc_container .cc_message{margin-top:0.5em;font-size:0.8em}
}

@media screen and (min-width: 768px){
 .cc_container{padding:15px 30px 15px}
 .cc_container .cc_btn{font-size:1em;padding:8px 15px}
 .cc_container .cc_message{font-size:1em}
}

@media screen and (min-width: 992px){
 .cc_container .cc_message{font-size:1em}
}

.cc_container{background:#eee;background:black;background-color:hsla(0, 0%, 0%, 0.7);color:#222;color:white;opacity:0.96;font-size:17px;font-family:Arial,sans-serif;box-sizing:border-box;border-top:1px solid #ccc}
.cc_container ::-moz-selection{background:#ff5e99;color:#fff;text-shadow:none}
.cc_container .cc_btn,.cc_container .cc_btn:visited{color:#000;background-color:#f1d600;background-color:limegreen;transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;-webkit-transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;border-radius:5px;-webkit-border-radius:5px}
.cc_container .cc_btn:hover,.cc_container .cc_btn:active{background-color:#d7bf00;color:#000}
.cc_container a,.cc_container a:visited{text-decoration:none;color:#31a8f0;-webkit-transition:200ms color;transition:200ms color}
.cc_container a:hover,.cc_container a:active{color:#555}

@-webkit-keyframes slideUp{
 0%{-webkit-transform:translateY(66px);transform:translateY(66px)}
 100%{-webkit-transform:translateY(0);transform:translateY(0)}
}

@keyframes slideUp{
 0%{-webkit-transform:translateY(66px);-ms-transform:translateY(66px);transform:translateY(66px)}
 100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}

.cc_container,.cc_message,.cc_btn{animation-duration:0.8s;-webkit-animation-duration:0.8s;-moz-animation-duration:0.8s;-o-animation-duration:0.8s;-webkit-animation-name:slideUp;animation-name:slideUp}