/*#########################################################################
dresdner-feinbaecker.de v2.0
Hauptfarbe: 
Linkfarbe: 

* Background-Blau: #337ab7;
* Background-Gelb: #ffd840
* Background-Hellblau: #e9eff5
* text blau: #124f8a 

	Bootstrap Glyphicons
	---------------------------------------------------------------------
	http://partkommplus.de/fileadmin/old_bsdist/lib/bootstrap/less/glyphicons.less
	
	GriD
	---------------------------------------------------------------------
	Container width 	None (auto)	576px 		720px 		940px 		1140px
	Class prefix 			.col-xs- 		.col-sm- 	.col-md- 	.col-lg- 	.col-xl-
	
	Gutter width 	1.875rem / 30px (15px on each side of a column)
	
	$grid-breakpoints: (
  // Extra small screen / phone
  xs: 0,
  // Small screen / phone
  sm: 544px,
  // Medium screen / tablet
  md: 768px,
  // Large screen / desktop
  lg: 992px,
  // Extra large screen / wide desktop
  xl: 1200px
);
h1 36px  -> 24
h2 30px  -> 18
h3 24px  -> 12
h4 18px  -> 
h5 14px
h6 12px

http://www.w3schools.com/tags/ref_pxtoemconversion.asp

font-size em Umrechnung
-----------------------
font-size: 2.5em;  		40px/16 = 2.5em 
font-size: 2.25em; 		36px/16 = 2.25em 		H1
font-size: 1.875em; 	30px/16 = 1.875em 	H2	
font-size: 1.5em; 		24px/16 = 1.5em 		H3
font-size: 1.25em; 		20px/16 = 1.25em 	   
font-size: 1.125em; 	18px/16 = 1.125em 	H4
font-size: 1.0em; 		16px/16 = 1.0em 		
font-size: 0.875em; 	14px/16 = 0.875em 	H5
font-size: 0.75em; 		12px/16 = 0.75em 		H6		
font-size: 0.625em; 	10px/16 = 0.625em 
font-size: 0.5625em;  9px/16 = 0.5625em 
font-size: 0.3125em;  5px/16 = 0.3125em 
font-size: 0.125em;  	2px/16 = 0.125em 

---------------
INFO:
https://responsivedesign.is/develop/browser-feature-support/media-queries-for-common-device-breakpoints
320
480
640
768
1024
1280
1366
########################################################################*/


/* ########## ALLGEMEIN ############################################### */
/* @font-face kit by Fonts2u (http://www.fonts2u.com) */ 
@font-face {
	font-family:"Lobster1.4";
	src:url("fonts/Lobster1_4/Lobster_1_4.eot?")	format("eot"), 
	url("fonts/Lobster1_4/Lobster_1_4.woff") format("woff"),
	url("fonts/Lobster1_4/Lobster_1_4.ttf") format("truetype"),
	url("fonts/Lobster1_4/Lobster_1_4.svg#Lobster1.4") format("svg");
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:"Oswald-Regular";
	src: url("fonts/oswald/Oswald-Regular.ttf") format("truetype");
}
/*
@font-face {
	font-family:"Oswald-Bold";
	src: url("fonts/oswald/Oswald-Bold.ttf") format("truetype");
}
*/
@font-face {
	font-family:"Oswald-Medium";
	src: url("fonts/oswald/Oswald-Medium.ttf") format("truetype");
}

.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}
.cleare{clear:both;}
.italic	{font-style:italic;}
.color-red {color:#990000;}
.color-ws {color:#fff;}

html{
	font-size: 62.5%; /* 10px/16 Browsernorm -> 0.625em  1em -> 10px */		
}
@media (min-width: 320px) {
  html { font-size: 6px; }
}
@media (min-width: 768px) {
  html { font-size: 10px; }
}

body {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  color:#000;
  background:#fff; 
	font-size: 12px; 
  font-size: 1.2rem; 
  line-height: 1.2;/*1.42857;*/
}
body a{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	text-decoration: none;
	cursor:pointer;
	cursor:hand;
}
h1 { font-size: 18px; font-size: 1.8rem; } 
h2 { font-size: 14px; font-size: 1.4rem; } 
h3 { font-size: 10px; font-size: 1.0rem; } 

@media print {
  h1            { page-break-before: always }
  h1, h2, h3,
  h4, h5, h6    { page-break-after: avoid }
  ul, ol, dl    { page-break-before: avoid }
}
/*
verwendung in class="row" */
.no-gutter > [class^="col-"],
.no-gutter > [class*=" col-"],
.no-gutter > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.no-gutter-left > [class^="col-"],
.no-gutter-left > [class*=" col-"],
.no-gutter-left > [class*="col-"] {  
  padding-left: 0;
}
.no-gutter-right > [class^="col-"],
.no-gutter-right > [class*=" col-"],
.no-gutter-right > [class*="col-"] {
  padding-right: 0;
}
@media (min-width:768px){
	/*
	.no-gutter { padding-left:15px; padding-right:15px;}	
	*/
	/*
	.no-gutter-left{ padding-left:15px;}
	.no-gutter-right { padding-right:15px;}
	*/
}
.paddingright-0{
 padding-right: 0;
}
.paddingleft-0{
 padding-left: 0;
}
.vcenter {
 display: inline-block;
 vertical-align: middle;
 float: none;
}
.center-container {
  margin: 0 auto;
  width: 400px; /* zb Breite 400 */
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* ########## ENDE ALLGEMEIN ############################################### */

/* header ----------------------------------- */
.navbar-header img.logo{
	padding:8px 8px 8px 15px; 
	width:80px;
}

div.header-ue1	{  
  font-family: 'Lobster1.4', Arial, Helvetica, Sans-serif;
	color:#A6001C !important;			
	padding: 0 0.0rem 0px 0.0rem;			    		   
	margin:101px 0px 0 -125px !important;
	border:0px solid #fff;	
	border-bottom:2px dotted #A6001C;
}
div.header-ue1 h1	{
  font-size: 2.85rem;
  font-weight: 500;   	
	margin:0;
	padding:0;
}

div.header-ue1-reg	{ 
	padding: 0;   		
	margin:100px 0px 0 125px !important;	
}

div.header-ue2	{
  font-family: 'Oswald-Medium', Arial, Helvetica, Sans-serif;  
	color:#A6001C !important;    		
	padding: 0 2.0rem 0 3.0rem;			    		
	margin:117px 80px 0 -139px !important;	  
	border:0px solid #fff;		
}
div.header-ue2 h2	{  
  font-size: 1.48rem;
  font-weight: 500;   	
	margin:0:
	padding:0;
}

.reg	{
  font-size: 1.2rem !important;
  font-weight: 500;   
	color:#A6001C !important;		
}

div.header-ue1-mobile	{
  font-family: 'Lobster1.4', Arial, Helvetica, Sans-serif;
	color:#A6001C !important;	
	padding: 0;			    			    
	/*margin:40px 0px 0 -8px !important;  	*/
	margin:25px 0px 0 -2px !important;  		
	border:0px solid #fff;			
	border-bottom:2px dotted #A6001C;
	float:left;	
}
div.header-ue1-mobile h1	{ 
  font-size: 3.2rem;
  font-weight: 500;   	
	padding: 0;			    			    
	margin:0;  	

}
.reg-mobile	{
  font-family111: 'Lobster1.4', Arial, Helvetica, Sans-serif !important;
  font-size: 1.2rem !important;
  font-weight: 500;   
	color:#A6001C !important;		
	top:-6px;
	left:2px;
}
/* END header ----------------------------------- */


.message-box {
	z-index: 1; 
	position: absolute;	
	width:100%;
	
	/* hoehenanpassung div an content */
	clear:both;
	/* overflow: auto; */	  	
	
	margin: 24.0rem 0 0 14.5rem;
	padding: 0;		

  font-family: 'Oswald-Regular', Arial, Helvetica, Sans-serif;

  color:#fff;
	visibility: hidden;			
	float:left;				
	border:0px solid #fff;
}

	
@media (max-width:767px){
	.message-box {		
		margin: 16.5rem 0 0 3.5rem;			  
	}
}		

div.message-ue	{
  font-family: 'Oswald-Medium', Arial, Helvetica, Sans-serif;
  font-size: 2.4rem;
  font-weight: 500;   
  text-transform: uppercase;			
}
@media (max-width:479px){
	div.message-ue1	{
	  font-size1: 16px;
	}
}	
div.message-ue1	{
  font-family: 'Lobster1.4', Arial, Helvetica, Sans-serif;
  font-size: 8.0rem;
  font-weight: 500;   
	padding: 0 2.0rem 0 3.0rem;			    		
	line-height: 8.0rem;		    
  border:0px solid #fff;		
}	
@media (max-width:479px){
	div.message-ue1	{
	  font-size1: 4.0rem;	     					    			    	  		
	}	
}	
div.message-content	{
	width: 560px;  /*530 430*/		
  margin:2.0rem 0 0 0;
  font-family: 'Oswald-Regular', Arial, Helvetica, Sans-serif;
  font-size: 1.8rem;  
  border:0px solid #ff0000;	 
	padding: 0 0.5rem 0 0;
}	
	
@media (max-width:767px){
	div.message-content	{
		width: 280px; 		
  	font-size: 2.2rem;  
	}	
}	
div.message-content a {
 	color: #fff;	
}	
div.message-content a:hover, div.message-content a:active, div.message-content a:focus, 
div.message-content a:hover > a, div.message-content.current-cat > a, div.message-content.current_page_item > a, div.message-content.current-menu-item > a {
  color: #FFEB8B;
}	

div.message-link	{
	width:530px;		
  margin:1.5rem 0 0 0;
  border:0px solid #fff000;	 
}	
div.message-link a {
 	color: #FFEB8B;
  background: none;
  padding: 1px 0px 1px 0px;	
	
  font-family: 'Oswald-Regular', Arial, Helvetica, Sans-serif;
  font-size: 1.8rem;
  font-weight: 500;   

	border:0px solid #ff00ff;
  margin: 0;
	float:left;
}	
div.message-link a:hover, div.message-link a:active, div.message-link a:focus, 
div.message-link a:hover > a, div.message-link.current-cat > a, div.message-link.current_page_item > a, div.message-link.current-menu-item > a {
  color: #fff;
}	

@media (max-width:767px){
	div.message-link a	{
		width: 280px; 		
  	font-size: 2.2rem;  
	}	
}	
.modal-header h2.modal-title {
  font-family: 'Lobster1.4', Arial, Helvetica, Sans-serif;
  font-size: 3.0rem;
  font-weight: 500;   
}

.modal-content {
	font-size: 1.2rem;
}
@media (min-width:768px){
	.modal-content {
		font-size: 1.5rem;
	}
}
.modal-content h2 {
	font-size:2.2rem;
	font-weight:bold;
	color:#AA001C;
}
.modal-content h3 {
	font-size:2.0rem;
	font-weight:bold;
}
.modal-content li{
	list-style-type:square;	
	margin-left:2.0rem;
}
article ul {
	list-style: outside none none;
  margin: 2px 0 0;
}


/* ########################## jcaroussel NEU*/
.wrapper_jcl {    
  position:absolute;    
  /*bottom:30px;*/
  top: 470px;
  left: 140px;/*140px; *//*155px;*/
  z-index: 0;   
  
  margin: 0 auto;
 
	max-width: 80%; 
	
	padding: 0 40px 0px 40px;
  /* padding: 0 10px 0 155px;*/    
  /* width:2004px;  */
  /* 1004 4 * 223 + 2 * 40 + 2 * 14 + 4 * 1 */
	
	border:0px solid #fff;
}

@media (min-width:320px){    
	.wrapper_jcl {   
	  top: 230px;				      
  	left: 35px;	  
	  /*width:335px;  */
	  /* 335 1 * 223 + 2 * 40 + 2 * 14 + 4 * 1*/  	            		
	}		
}	
@media (min-width:480px){    
	.wrapper_jcl {   
	  top: 230px;				      
  	left: 35px;	 	  
	  /*width:558px;  */
	  /* 558 2 * 223 + 2 * 40 + 2 * 14 + 4 * 1*/  	            		
	}		
}	
@media (min-width:640px){    
	.wrapper_jcl {   
	  top: 230px;				      
  	left: 50px;	 	  
	  /*width:781px;  */
	  /* 781 3 * 223 + 2 * 40 + 2 * 14 + 4 * 1*/  	            		
	}		
}	
@media (min-width:768px){    
	.wrapper_jcl {   
	  top: 230px;				      
  	left: 80px;		  
	  /*width:1004px;  */
	  /* 1004 4 * 223 + 2 * 40 + 2 * 14 + 4 * 1*/  	            		
	}		
}	
@media (min-width:1024px){    
	.wrapper_jcl {   
	  top: 470px;				      
  	left: 140px;		  	  	            		
		/*width:781px;  */
		/* 781 3 * 223 + 2 * 40 + 2 * 14 + 4 * 1*/  		
	}		
}
@media (min-width:1224px){    
	.wrapper_jcl {   
	  top: 470px;				      
  	left: 140px;		  
	  /*width:1004px;  */
	  /* 1004 4 * 223 + 2 * 40 + 2 * 14 + 4 * 1*/  	            		
	}		
}


.jcarousel-wrapper {
	margin: 0 auto;    
  position: relative;
  border: 0px solid #fff;
  /*
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 2px #999;
  -moz-box-shadow: 0 0 2px #999;
  box-shadow: 0 0 2px #999;
	*/
}

/** Carousel **/
.jcarousel {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.jcarousel ul {
  width: 20000em;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}

.jcarousel li {
  /*width: 300px;*/
  float: left;
  /*
  border: 0px solid #fff;  
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
	*/
}

.jcarousel img {
  display: block;
  /*
  max-width: 100%;
  */
  height: auto !important;
	margin: 0 auto;
}
.jcarousel img {
  /* mandatory */  
  width: 184px;
  height: 113px;	
}

.jcarousel .img_holder{
	margin: 0 auto;	
	z-index: 1;
	position:relative;	
	border:0px solid #fff;
}	
.jcarousel .text_holder{

  height: 125px;  
  background-color: #A70C1C;
	padding:6px 10px 6px 10px;    				
	margin-top:-60px;

	opacity: 0.8;	
	-moz-opacity: 0.8; 
  -webkit-opacity: 0.8; 	
	
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;  
	border-left: 1px solid #aaa;  
	border-right: 0px solid #aaa;  
  border-radius: 5px;

	/*border-left:1px dotted #fff;*/
	/*border:1px solid #fff;*/

}
.jcarousel .text_holder_onlyText{
  height: 125px;  
  background-color: #A70C1C;
	padding:6px 10px 6px 10px;    				
	margin-top:56px;

	opacity: 0.8;	
	-moz-opacity: 0.8; 
  -webkit-opacity: 0.8; 	

	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;  
	border-left: 1px solid #aaa;  
	border-right: 0px solid #aaa;  
  border-radius: 5px;
	
	/*border-left:1px dotted #fff;*/
	/*border:1px solid #fff;*/
	width:100%;
}
.jcarousel p.ue1 {
  font-family: 'Lobster1.4', Arial, Helvetica, Sans-serif;
  font-size: 16px;
  font-weight: 500;   
	color:#FFEB8B;	
	
	padding: 0;			    		
	margin:50px 0 0 0;  
    
  border:0px solid #000;		

 /* text-shadow: 1px 1px 2px #000000;	*/
	display:inline-block;
	float:left;
}
.jcarousel p.ue2 {
  font-family: 'Oswald-Regular', Arial, Helvetica, Sans-serif;
  font-size: 12px;
  font-weight: 500;   
	color:#fff;	
	
	padding: 0;			    		
	margin:7px 0 0 0;	
	
	/*line-height: 15px;*/	    
  border:0px solid #fff;
  
 /* text-shadow: 1px 1px 1px #000000;*/
	display:inline-block;
	clear:both;
	float:left;
}
.jcarousel p.ue21 {
  font-family: 'Oswald-Regular', Arial, Helvetica, Sans-serif;
  font-size: 10px;
  font-weight: 500;   
	padding: 0 0 0 0;			    		
	line-height: 10px;
	color:#fff;	    
  border:0px solid #000;	
	
	margin:74px 0 0 0;
	position:absolute;
}

.jcarousel p.ue10 {
  font-family: 'Lobster1.4', Arial, Helvetica, Sans-serif;
  font-size: 16px;
  font-weight: 500;   
	color:#FFEB8B;	
		
	padding: 0;			    		
	margin:10px 0 0 0;
  
  border:0px solid #000;	

 /* text-shadow: 1px 1px 2px #000000;*/
	display:inline-block;
	float:left;
}

.jcarousel p.ue20 {
  font-family: 'Oswald-Regular', Arial, Helvetica, Sans-serif;
  font-size: 12px;
  font-weight: 500;   
	color:#fff;	
	
	padding: 0 0 0px 0;;			    		
	margin:10px 0 0 0;	
	
	line-height: 17px;
    
  border:0px solid #000;	
	
  /*text-shadow: 1px 1px 1px #000000;*/
	display:inline-block;
	clear:both;	
	float:left;
}
.jcarousel p.ue210 {
  font-family: 'Oswald-Regular', Arial, Helvetica, Sans-serif;
  font-size: 10px;
  font-weight: 500;   
	padding: 0 0 0 0;			    		
	line-height: 10px;
	color:#fff;	    
  border:0px solid #000;	
	
	margin:34px 0 0 0;
	position:absolute;
	display:inline;
}
	
@media (max-width:659px){    
	
	.jcarousel img {
  	width: 135px;
  	height: 82px;
	}	

	.jcarousel .text_holder{	
	  height: 110px;  						
		margin-top:-30px;			
	}
	.jcarousel .text_holder_onlyText{	
	  height: 115px;  						
		margin-top:45px;		
	}
	.jcarousel p.ue1 {
	  font-size: 16px;				
		margin:25px 0 0 0;
	}
	.jcarousel p.ue2 {
	  font-size: 12px;    		
		line-height:14px;		
		/*margin:40px 0 0 0;	*/
	}	
	.jcarousel p.ue10 {
	  font-size: 16px;  		
		margin:5px 0 0 0;		
	}	
	.jcarousel p.ue20 {
	  font-size: 12px;	  
		line-height:14px;
		margin:5px 0 0 0;						
	}

}	

/** Carousel Controls **/

.jcarousel-control-prev {
    left: -26px;
}
.jcarousel-control-next {
    right: -26px;
}

a.jcarousel-control-prev,  a.jcarousel-control-next{
  position: absolute;
  top: 50%;
  margin-top: -35px;
  text-align: center;    
  
  display: block;
  width: 26px;
  height: 30px;
  line-height: 1;

  background-color: #333333;
  color: ghostwhite;
  text-decoration: none;
  font-family: Arial, sans-serif;
  font-size: 25px;

  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 8px;

  float: left;
}

a.jcarousel-control-prev:hover, a.jcarousel-control-next:hover, #jcl a.go:hover {
    background-color: #666666;
}

/** Carousel Pagination **/

.jcarousel-pagination {
  position: absolute;
  bottom: -40px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  margin: 0;
}

.jcarousel-pagination a {
  text-decoration: none;
  display: inline-block;

  font-size: 11px;
  height: 10px;
  width: 10px;
  line-height: 10px;

  background: #fff;
  color: #4E443C;
  border-radius: 10px;
  text-indent: -9999px;

  margin-right: 7px;

  -webkit-box-shadow: 0 0 2px #4E443C;
  -moz-box-shadow: 0 0 2px #4E443C;
  box-shadow: 0 0 2px #4E443C;
}

.jcarousel-pagination a.active {
  background: #4E443C;
  color: #fff;
  opacity: 1;

  -webkit-box-shadow: 0 0 2px #F0EFE7;
  -moz-box-shadow: 0 0 2px #F0EFE7;
  box-shadow: 0 0 2px #F0EFE7;
}


.meldung {
	margin:1.0rem 0 1.0rem 0;
	padding: 0.5rem 1.0rem 1.5rem 1.0rem;
	border:0px solid #000;
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;
}	
.border-bottom{
	border-bottom: 0px dotted #000;
}	
.border-top{
	border-top: 0px dotted #000;
}	
.abs-top {    
	margin-top: 1.0rem;
	float1:left;
}	
.abs-top-image {    
	margin-top: 0.5rem;
	font-size: 1.1rem;
}	
.meldung .ue {
  font-family: 'Oswald-Regular', Arial, Helvetica, Sans-serif;
  font-size: 1.5rem;
  font-weight: 500;   
  color:#111;
	padding: 1.0rem 0 0.8rem 0;
  text-transform: uppercase;
}

.meldung .ue span{
  color:#A70C1C;
}	
.meldung .txt_big {
  font-family: 'Oswald-Regular', Arial, Helvetica, Sans-serif;
  font-size: 1.5rem;
  font-weight: 500;   
  line-height:2.2rem;
  color:#111;
	text-align:justify;    
}
@media (max-width:659px){    
	.meldung .ue {	
	  font-size: 2.0rem;	  
	}	
	.meldung .txt_big {	
	  font-size: 2.0rem;	    
	}
}	
.sidebar-fix a:hover, .sidebar-fix a:active, .sidebar-fix a:focus, 
.sidebar-fix a:hover > a, .sidebar-fix.current-cat > a, .sidebar-fix.current_page_item > a, .sidebar-fix.current-menu-item > a {
  color: #A70C1C;
}	
@media (max-width:767px){    
	.sidebar-fix {	
		position: absolute;
		top: 12.5rem;
		right:3.0rem;
		
	}
}