/* Copyright ©  Alle Rechte vorbehalten (©) media-service24 */

/*-------------------------------------------------------------------------------------------------------

        Theme Name:         Free Traffic
        Theme URI:          http://media-service24.com/
        Description:        Responsive Business 
        Version:            2.0
        Author:             Bodo Stege
        Author URI:         http://media-service24.com/
        Die Hinweise!       "© media-service24" im Quelltext, dürfen nicht entfernt werden.
        
Beachten Sie bei dem Umgang, mit den ihnen durch unsere zur Verfügung gestellte/n Vorlage/n dass sämtliche Daten und Grafiken dem Copyright unterligen.
Das Kopieren im Ganzen oder in Teilen ohne unsere vorherige ausdrückliche schriftliche Zustimmung ist untersagt. Jegliche Zuwiderhandlungen werden juristisch verfolgt.
--------------------------------------------------------------------------------------------------------- */
@charset "utf-8"; 
/* ---------
* {margin:0;padding:0}
::-webkit-scrollbar{width:10px; background:#666666;}
::-webkit-scrollbar-thumb{-webkit-border-radius:4px;border-radius:4px;background: #56b814;}
---------- */
* {margin:0;padding:0}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.myWrapper {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 14px;line-height: 1.42857;color: #CCC;}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
details,figure,footer,header,main,menu,nav,section{display:block}
.clearfix::after, .dl-horizontal dd::after, .container::after, .container-fluid::after, .row::after{clear: both;}
.clearfix::before, .clearfix::after, .dl-horizontal dd::before, .dl-horizontal dd::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after{
 display: table;content: " ";}
table {border-spacing: 0;border-collapse: collapse;background-color: transparent;}
ul, ol { margin-top: 0; margin-bottom: 10px;}
li{list-style-type: none;}
i {margin-right: 5px; }
.no-margin {margin-right: 0 !important;}

/*  .-----------------------------  Farbeinstellung und BG ------------------------------------------------------------------------------*/

ul.stege-aber li::before {color: #3C9F9C;} /* ...... Grün .......  */
.footer{color: #CCC;}
.stegeBodoTitel{color: #fff;border-bottom-color: #333333;}
.stegeBodoTitel span {color: #999999;}	
.stegeBodoDec {color: #CCCCCC;}
ul.stege-aber li {border-bottom: 1px dotted #666;}	
.bodo-imprint {color: #CCCCCC;}
.copy {color: #999;}

.footer{
	background-image: url(footer-sh.png);
	background-repeat: no-repeat;
	background-position: center top;
}
footer{background-image: url(bg-footer.png);background-repeat: repeat-x;background-position: left top;}
.myWrapper{background-color: #111111;background-image: url(bg.png);background-repeat: repeat-x;background-position: left top;}
.header{background-image: url(header-bg.png);background-repeat: repeat-x;background-position: left top;}
.mediaService{background-image: url(auspuff.png);}


/* :::::::::: FOOTER ::::::::*/
.topFooter{ /* BG Top bearbeiten */ }

.copy {background: url(../bottom-footer-bg.png) repeat-x top left;}



/*  .-----------------------------  Ende Farbeinstellung und BG    ------------------------------------------------------------------------------*/
.main, header, slider, content, sidebar, .box, .bild{overflow: hidden; position: relative;height: auto;}
.myWrapper, header, .header, footer, .main, .content, .clear, .clear5, .clear10, .clear15, .clear20, .clear25, .clear30{width: 100%;}
.clear{clear: both;height: 1px;}.clear5{clear: both;height: 5px;}.clear10{clear: both;height: 10px;}.clear15{clear: both;height: 15px;}.clear20{clear: both;height: 20px;}
.clear25{clear: both;height: 25px;}.clear30{clear: both;height: 30px;}
header, footer, .main{float: left;clear: both;height: auto;width: 100%;}
.red{
	color: #F00;
	font-size: 17px;
	font-weight: bold;
}
ul.select li{
	margin: 0;
	list-style: none;
	font-size: 15px;
	padding-left: 28px;
	padding-bottom: 8px;
	padding-top: 5px;
	background-position: left top;
	background-image: url(st-1.png);
	background-repeat: no-repeat;
	line-height: 15px;
}
ul.list li{
	margin: 0;
	list-style: none;
	font-size: 19px;
	padding-left: 5px;
	padding-bottom: 9px;
	padding-top: 9px;
	line-height: 20px;
}
ul.list span{
	color: #0294df;
	margin-right: 10px;
	font-weight: bold;
	text-decoration: underline;
}
.content .box .head .a3{font-size: 16px;text-align: left;float: left;}
.content .box .head .b3{font-size: 16px;text-align: right;float: right;}
.container {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.row{margin-right:-15px;margin-left:-15px;}
.myWrapper{height: auto; position: relative;overflow: hidden;}
.header{min-height: 138px;}
.tophead {height: auto;padding-top: 30px;}
.tophead .logo{
	text-align: center;
	padding-top: 17px;
}
.tophead .logo img{height: auto;width: 100%;}
.headEmail{
	padding-top: 17px;
	height: 90px;
	width: 200px;
	float: right;
	display: none;
}
.headEmail .titel{
	font-size: 16px;
	line-height: 27px;
	padding: 5px;
}
.headEmail .bodo{
	font-size: 16px;
	line-height: 18px;
	padding: 5px;
}
.headEmail .service24{
	float: left;
	height: 34px;
	width: 34px;
	margin-right: 1px;
	margin-left: 25px;
}
.headEmail .icon{
	float: left;
	height: 34px;
	width: 34px;
	margin-right: 5px;
}
.main{margin-top: 20px;}
.content .box {
	/*border: 1px solid #7d7c77;*/
	border: 1px solid #333333;
	text-shadow: #1f1f1f -1px -1px;
	border-radius: 6px;
	width: 100%;
	position: relative;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
	padding-top: 5px;
	padding-bottom: 10px;
}
.content .box .head {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 51px;
	font: 16px/1.5em 'LucidaSansDemibold', Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0;
	position: relative;
	text-shadow: #1f1f1f -1px -1px;
	background-image: url(head.png);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
}
.content .box .head h2{text-align: center;	}
.content .box .head h2, .content .box .head h3{font-size: 16px;}
.content .box .bild{padding: 10px;}
.content .box .bild img{height: auto;width: 100%;}
.content .box .headBg{
	background-image: url(head-u.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 70%;
	height: 23px;
	margin-top: -15px;
	position: absolute;
	content: '';
	display: block;
	background-size: 100% 100%;
	margin-left: 15%;
}
.content .box .holder {
	margin: 0px;
	padding: 10px;
	text-shadow: #1f1f1f -1px -1px;
}
.content .box .frame-box{}
.description-box {
	width: 100%;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0;
}
.description-box .code {
	color: #56b814;
}
.description-box .bo{
	background-image: url(bo.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 10px;
	content: '';
	display: block;
	background-size: 100% 100%;
	clear: both;
	width: 100%;
	margin-bottom: 10px;
}
.description-box h3 {
	color: #FFFFFF;
	font: 20px 'LucidaSansDemibold', Arial, Helvetica, sans-serif;
	margin: 0 0 18px;
}
.description-box .info-panel {
	overflow:hidden;
	padding: 0 0 23px;

	margin: 0 0 10px;
}

.description-box .price {
	padding: 0;
	width: 100%;
}
.description-box .price span{
	font-size: 12px;
	color: #CCC;
}
.description-box .price h1 {
	position: relative;
	top: 10px;
	width: 100%;
	display: inline-block;
	font-family: 'Poiret One', cursive;
	font-size: 26px;
	color: #FFF;
	font-weight: 500;
	padding: 0px;
	margin-bottom: 4px;
}
.description-box .text-holder {
	color: #FFFFFF;
	position: relative;
	margin-bottom: 15px;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: normal;
}
.description-box .text-holder h2 {
	margin-bottom: 17px;
	font-size: 22px;
	text-align: center;
}
.description-box .text-holder p {margin:0 0 10px;}


.description-box .colored {color:#515151;}
.description-box .btns-area {
	position:absolute;
	top: 104px;
	right:0;
}
.description-box .btns-area .more {
	float:none;
	display:block;
	margin:0 5px 11px 45px;
	padding: 5px 10px;
}
.description-box .btns-area a:hover {text-decoration:none;}
.description-box .btns-area .wishlist span{
	background: url(../images/ico.png) no-repeat;
	padding: 0 0 0 20px;
}
.description-box .btns-area .compare {
	margin-bottom:28px;
}
.description-box .btns-area .compare span {
	background: url(../images/ico.png) no-repeat 0 100%;
	padding: 0 0 0 20px;
}
.description-box .contact-btn {
	background: url(../images/btn-contact.png) no-repeat;
	width: 175px;
	height: 72px;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	margin: 0 4px 0 0;
}
/* ----------------------------------- Footer ------------------------------------- */

#footer-top {width: 100%;height: 36px;}
footer {
	width: 100%;
	height: auto;
	position: relative;
	font-size: 12px;
	overflow: hidden;
	border: none !important;
	background-color: #5b0705;
	
}
.mediaService{background-repeat: no-repeat;background-position: right top;margin-top: -1px;}
.footer{position: relative;display: block;height: auto;overflow: hidden;padding-top: 20px;text-shadow: 0 1px 0 rgba(0,0,0,0.5);background-attachment: scroll;
background-repeat: no-repeat;background-position: left top;}
.footer-colum {width: 100%;}
.stegeBodoTitel{font-family: Geneva, Arial, Helvetica, sans-serif;font-size: 18px;text-shadow: 1px 1px 0 #000;box-shadow: 0 1px 0 #666666;border-bottom-width: 1px;border-bottom-style: solid;}
.stegeBodoTitel h4{font-size: 18px;text-shadow: 1px 1px 0 #000;padding: 0px;}
.stegeBodoDec {margin-top: 0px;margin-left: 1px;text-decoration: none;font-family: Arial, Helvetica, sans-serif;font-size: 13px;text-shadow: 1px 1px 1px #000;}
.stegeBodoTitel span {font-size: 12px;text-shadow: 1px 1px 0 #000;}
ul.stege-aber{width: 100%;list-style-type: none;padding: 0;margin-top: 10px;}
ul.stege-aber li {margin-left: 16px;list-style: none; padding: 7px 0px;line-height: 20px;}
ul.stege-aber li::before {content: "\f00c";font-family: 'FontAwesome';float: left;margin-left: -1.4em;}
.bodo-imprint {font-size: 12px;font-family: Arial, Helvetica, sans-serif;padding: 15px 0 10px 1px;text-decoration: none;}
.footer-colum .yes {font-size: 15px;text-decoration: none;}
.bodo-imprint h5 {font-size: 18px;font-weight: bolder;padding-top: 10px;padding-bottom: 10px;font-family: Georgia, "Times New Roman", Times, serif;}
.copy {position: relative;width: 100%;overflow: hidden;text-align: center;margin-top: 10px;padding-top: 15px;padding-right: 0;padding-bottom: 12px;padding-left: 0;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {position: relative; min-height: 1px; padding-right: 15px;padding-left: 15px;}
@media (min-width: 400px) { .tophead .logo img{height: 78px;width: 315px;} .tophead {height: auto;padding-top: 10px;}}
@media (min-width: 500px) { .tophead {height: auto;padding-top: 10px;}}
@media (min-width:768px){
.container {width: 750px;} 	
.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}
@media (min-width:992px){
.container {width: 970px;}
.tophead .logo {text-align: left;}
.headEmail{display: block;}
.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}

@media (min-width:1200px){ 
.container {width: 1000px;} 
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}