/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}		

		*, *:before, *:after {
  	box-sizing: inherit;
  	
		}
		
		html {
		height: 100%;
		margin: 0 auto;	
  	box-sizing: border-box;
  	font-size: 100%;
  	
		}

    body {
    	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    	font-size: 14px;
    	font-size:0.875rem;
    	height: 100%;
    	margin: 0 auto;
    }
    
   	.clear {
	     visibility: hidden;
	     display: block;
	     font-size: 0;
	     content: " ";
	     clear: both;
	     height: 0;
		}		
    
    
    
    
  /*Default link styling 
    a:link { color:#000; }
    a:visited { color:#000; }
    a:hover, a:focus { color:#000; }
    a:active { color:#000; }*/
    
    
    
/* ---------------------------------------------------------
   Author's styles
   ---------------------------------------------------------*/

  

	
 /********************************************************************************************************************************/    
     
    
     
     ul, ul li {
     	list-style: outside none none;
     	padding: 0;
     	
		 }
     
     a {
	    border-bottom: none;
	    color: #555;
	    text-decoration: none;
			}
			
		


     
     
/*******************************************************************************************************/
 /*Header Brand*/
 
 #back-header {
  background-color: #fff;
 	width: 100%;
 	z-index: 10000;
 	margin-bottom: 1px;
 	min-width: 1020px;
 }
 
 header { 
 	background: -moz-linear-gradient(-45deg,  rgba(106,161,216,1) 0%, rgba(125,185,232,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(106,161,216,1)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(106,161,216,1) 0%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(106,161,216,1) 0%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(106,161,216,1) 0%,rgba(125,185,232,0) 100%); /* IE10+ */
	background: linear-gradient(135deg,  rgba(106,161,216,1) 0%,rgba(125,185,232,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6aa1d8', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
 }
 
 .header-max-width {
 	max-width: 1020px;
 	margin: 0 auto;
 }
 
 
 .w_brand {
  float:  left;
 	padding-top: 20px;
 	width: 31%; /* 334 / 1020 */
 	margin-left: -0.29411764705882354%; /* 3 / 1020 */
 	
 } 
 
 .brand { 
 		display: inline-block;
 }
 
	 .brand-name{ 
	 	display: inline-block;
	 	margin-left: 5%;
	 	
	 }
		
	.brand p{ 
		float: left;
	  color: #1B1464;
	}
	
	.brand-name span{ 
		font-weight: 700;
		font-size: 18px;
		font-size: 1.125rem;
		color: #1B1464;
	}
	
	.brand-name p{ 
		color: #1B1464;
	}
	
	
/*DropDown Main Nav*/

	 .primary-nav {
	 	xfloat: right;
	 	display: inline-block;
	 	width: 66%; /* 685 / 1020 */
	 	margin-top: 70px;
	 	margin-right: 2.450980392156863%; /* 25 / 1020 */
  	}
  
   .menu-primary-menu, .menu-toggle-wrapper{ 
   	float: right;
   	
   	margin-right: 2.450980392156863%; /* 25 / 1020 */
   	font-weight: 300;
		
   }  
   
    .menu-primary-menu {
    	width: 95%;
    }
   
   
   
   .menu-primary-menu ul, menu-toggle-wrapper { 
   	list-style-type: none;
   	margin: 0;
   	padding: 0;
   	position: relative;
   	float: right;
   	
	 }
	 
	
	 .menu-primary-menu > ul > li > a { 
	  	text-transform: uppercase;
	  	display: block;
	  }
	  
	  .menu-primary-menu  ul  li a:hover { 
	  	font-weight: 400;
	  	
	  }
	 
	 .menu-primary-menu ul li {
	 	margin-right: 3.431372549019608%; /* 35 / 1020 */
	 	margin-right: 35px;
	 	margin-top: 5px;
	 	text-align: left;
	 	display: inline-block;
	 	position: relative;	
	 	float: left;
							 
	 }

	 
	 .menu-primary-menu ul li:last-child {
	 	margin-right: -5px;
	 }
	
	
   .menu-primary-menu ul div { 
   		display: none;			
   										 
	 }
	 
	 .puffer {
	 	padding-top: 11px;	
	}
	 
   
	
	 .submenu {
	 	background: rgb(218,232,246); /* Old browsers */
																				background: -moz-linear-gradient(left,  rgba(218,232,246,1) 0%, rgba(211,227,243,1) 100%); /* FF3.6+ */
																				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(218,232,246,1)), color-stop(100%,rgba(211,227,243,1))); /* Chrome,Safari4+ */
																				background: -webkit-linear-gradient(left,  rgba(218,232,246,1) 0%,rgba(211,227,243,1) 100%); /* Chrome10+,Safari5.1+ */
																				background: -o-linear-gradient(left,  rgba(218,232,246,1) 0%,rgba(211,227,243,1) 100%); /* Opera 11.10+ */
																				background: -ms-linear-gradient(left,  rgba(218,232,246,1) 0%,rgba(211,227,243,1) 100%); /* IE10+ */
																				background: linear-gradient(to right,  rgba(218,232,246,1) 0%,rgba(211,227,243,1) 100%); /* W3C */
																				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dae8f6', endColorstr='#d3e3f3',GradientType=1 ); /* IE6-9 */
	 	
	 }
	 
	
	 .menu-primary-menu ul ul li { 
	 	white-space: nowrap;
	 	border-bottom: 2px solid #fff;
	 }
  	
 	.menu-primary-menu ul li a{
	 	font-size: 22px;
	 	font-size: 1.375rem;
	 	color: #323282;
	 	
 	}
  
  .menu-primary-menu ul ul li{
  	padding-bottom: 5px;
  	border-bottom: 1px solid #fff;
  	width: 100%;
  	z-index: 10000;
  }
  
   
  .menu-primary-menu ul ul li a{
	 	font-size: 20px;
	 	font-size: 1.25rem;
	 	padding-left: 10px;
	 	color: #323282;
	 	z-index: 10000;
 	}
 	
 	 #toggle-main-nav {
  	display: none;
  }
  
  #toggle-clear {
  	display: none;
  }
   
 /****************************************************************************************/
 
 /*Slider*/
 

 #slider1 { 
 	max-width: 1020px;
 	height: 400px;
 	margin: 0 auto;
 	margin-bottom: 125px;
 	
 }
 

 
  /****************************************************************************************/
 
 /*main*/
 
  .main-arten { 
 		max-width:1020px;
 		margin: 0 auto;
 		margin-bottom: 100px;
 		margin-top: 75px;
 		line-height: 1.7;
	
  } 
 
 	.main { 
 		max-width: 960px;
 		margin: 0 auto;
 		margin-bottom: 100px;
 		margin-top: 75px;
 		line-height: 1.7;
	
 	}
 	
 	.inner-main { 
 		width: 960px;
 		display: inline-block; 
 	
  }
  
  .view {
    width: 220px;
    height: 320px;
    margin: 8px;
    xfloat: left;
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-align: center;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
    background: #fff url(img/koffer-klein.png) no-repeat center center;

}

.view .mask, .view .content {
    width: 100%; 
    height: 320px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}
.view img {
    display: block;
    position: relative;
    background-color:  
 	background: -moz-linear-gradient(-45deg,  rgba(106,161,216,1) 0%, rgba(125,185,232,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(106,161,216,1)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(106,161,216,1) 0%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(106,161,216,1) 0%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(106,161,216,1) 0%,rgba(125,185,232,0) 100%); /* IE10+ */
	background: linear-gradient(135deg,  rgba(106,161,216,1) 0%,rgba(125,185,232,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6aa1d8', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.view p {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;

    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center;
    height: 180px;
}

.view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #BFE3F1;
    color: #fff;
    vertical-align: bottom;
    text-transform: uppercase;
    box-shadow: 0 0 1px #1B1464
}

.view a.info:hover {
    box-shadow: 0 0 5px #000
}
 
 .view-first h3  {
 		text-transform: uppercase;
    color: #fff;
    text-align: center;
    padding: 10px;
    background: rgba(186, 224, 242, 0.9);
 		z-index:10;
 		width: 100%;}
 
 
 /******************ANIMATION***********************/
 .view-first h3, .view-first img {
 		position: absolute;
}
 		
 .view-first img { 
    transition: all 0.2s linear;
}
 .view-first .mask {
    opacity: 0;
    background-color: rgba(115,146,184, 0.8); 
    transition: all 0.4s ease-in-out;
   
}

 .view-first p { 
    transform: translateY(100px);
    opacity: 0;
		transition: all 0.2s linear;
		 margin-top: 75px;
}

 .view-first a.info{
  opacity: 0;
	transition: all 0.2s ease-in-out;
}
 
 
 .view-first:hover img { 
	transform: scale(1.1);
} 
 .view-first:hover .mask { 
	opacity: 1;
}

 .view-first:hover p,
 .view-first:hover a.info {
    opacity: 1;
    transform: translateY(0px);
}
 .view-first:hover p {
    transition-delay: 0.1s;
}
 .view-first:hover a.info {
    transition-delay: 0.2s;
}




  
    /****************************************************************************************/
    
   /*footer*/
  	
  /*sticky footer*/
    .wrapper {
    	min-height: 100%;
    	height: auto !important;
    	height: 100%;
    	margin: 0 auto -160px;
    }
    
    .inner-footer {
    	height: 160px;
    		background-color: #566772;
    		padding-top: 15px;
    		padding-bottom: 15px;
    }	
  	
	  .push {
	 	  height: 160px;
	  }
  	
  	
   footer { 
   
   	background-color: #566772;
   	
   	width: 100%;
   	
  }
  	
   .inner-footer { 
   min-width: 1020px;
   	margin: 0 auto;
   	padding-left: 30px;
   	padding-right: 30px;
   	
   		
  }
  
  .footer-frame {
		margin: 0 auto;
		width: 960px;
		margin-top: 10px;
  }
  
  .footer-menu {
  	
    width: 237px; /*23.52941176470588%; /* 240 / 1020 */
  	height: 110px;
  	xmargin-top: 30px;
  	font-size: 14px;
  	font-size: 0.875rem;
  	line-height: 2;
  	color: #fff;
  	display: inline-block;
  	vertical-align: top;
  }  
  
  
  .footer-menu { 
  	border-left: 1px solid #d8dfe2;
  	
  
  	
  	
  }
  
  .footer-menu:first-child { 
  	border-left: 0px;	
  }
  
  .footer-menu ul { padding-left: 10px;
  }

  .footer-menu a {color: #d8dfe2; 
  
  }
  
  
  
   /****************************************************************************************/
    
   /*reise-allgemein left*/
   
   
 	#main { 
 		width: 1020px;
 		margin: 0 auto;
 		margin-bottom: 125px;
 		margin-top: 75px;
 		
 	}
 	
 	
 	.reisen-allgemein {
 		width: 960px;;
 		display: inline-block;
 	}
 	
 	.inner-reisen-allgemein {
 		width: 690px; /*68.62745098039215%; /* 700 / 1020 */ 
 		margin: 30px; /*2.941176470588235%; /* 30 / 1020 */
 		margin-right: 0;
 		padding-right: 50px; /*4.901960784313726%; /* 50 / 1020 */
  	float: left;
  	
  }
  
  
  
  .reise-arten-gesamt {
  	display: inline-block;
  }
  
  .reise-arten article{
  	margin-top: 30px;
  	margin-right: 40px;
  	
  }
	   
	.allgemein h1 {
		color: #566772;
	}	
	
	.allgemein h3 {
		color: #ff0b0b;
		margin-top: -15px;
	}
	 
  .reise-art-desc h2, .reise-art-desc p{
  	color: #566772; /*#566772;*/
  }
   
  h2.toggle_programm_head  a  .genericon-rightarrow{
  	color: #FF0B0B;
  	margin-left: 15px;
  	margin-top: 12px;
  
  } 
    
  .reise-art-desc img{
  	width: 300px;
  	overflow: hidden;
  	margin-right: 20px;
  	float: left;
  }
  
  .pogramm_headline, h3 {
  	color: #FF0B0B;
  	font-size:0.875rem;
  }
  h1 {
  	color: #FF0000;
  }
  
  
  
    
   /*reise-allgemein right*/
   
   .sub-nav {
   	float: left;
   	width:
   
   	}
   	
   	#fixed-sub-nav, #fixed-sub-nav-reisearten {
   		border:1px solid #fff;
   		width: 223px;
   	}
   
   .sub-nav-reise-allgemein {
   	width: 225px; /*24.5%; /* 250 / 1020 */
   	
   	padding-left: 0;
   	padding-top:0;
  	font-size: 21px;
  	font-size: 1.312rem;
  	font-weight: 300;
  	line-height: 2;
  }
  
  .sub-nav-reise-allgemein a:hover {
  	color:#FF4242;
  }
  
  
  li.active a {
  	 color: #FF4242;
  }
  
  div.active h3 a {
  	 color: #FF4242;
  }
  
  .sub-nav-reise-allgemein ul {
  	margin-top: 0;
  }
  
  .sub-nav-link, .sub-nav-link-b {
  	   	
   	text-align: center;
   	margin-top: 25px;
   	padding-left: 20px;
   	padding-bottom:35px;
  	font-size: 16px;
  	font-size: 1rem;
  	font-weight:600 ;
  	background-color:rgba(4, 91, 118, 0.9);
  	/*rgba(rgb(30,72,112);*/
    border-radius: 22px;
    box-shadow: 0 6px 6px -4px #a8a8a8;
    height: 35px;
    margin-bottom: 24px;
    margin-right: 13px;;
    width: 220px;
    line-height: 1.4;
   	
  } 
  
  .sub-nav-link a, .sub-nav-link-b a {
  	color: #fff;
  	position: relative;
  	bottom: -6px;
  	
  }
  
  .sub-nav-link a span, .sub-nav-link-b a span {
  	padding-left: 12px;
  	padding-top: 0px;
  }

  .sub-nav-link span, .sub-nav-link-b span {
  	margin-top: 4px;
  }
  
  .sub-nav-link-b {
  	margin-left: 30px;
  	visibility: hidden;
  }
 
   /*reise-allgemein table*/
   .offerList {
   	padding-top: 110px; 
		padding-left: 30px;
   }
  
   .exampleTable {
   	width:  860px; /*89.58333333333334%; /* 860 / 960 */;	
   	margin: 0 auto; /*???????????????????????????????????????????????????????????????????????*/
  }
  
  .example-th{
  	height: 40px;
  	font-weight: 600;
  	color:#566772;
  	font-size:  18px;
  	font-size:1.125rem;
  	text-align: left;
  	
  }
  
  .exampleTable tr {
  	border-bottom: 1px solid #566772;
  }
	.exampleTable td { 
		height: 40px;
		padding-left: 10px;
	}
	
	.exampleTable tr:nth-child(even){
    background-color : #ededed;
	}
	
	.exampleTable tr a:hover {
		color: #FF4242;
	}
		
	.scroll-trick {
  	border-top:120px solid transparent;
  	margin-top: -120px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
  	background-clip: padding-box;
  }
  
   /* ---------------------------------------------------------
   beispielreisen
   ---------------------------------------------------------*/
   /*reise-allgemein right*/
   .hiddenInfo {
   display:none;	
  }
  
  .toggle_programm {
  	display:none;
  }
  
  .zusatzInfo-beispielreise {
  	cursor: pointer;
  }
   .sub-nav-beispielreisen {
   	float: left;
   	width: 220px;
   	
   	}
   	
   	.sub-nav {
   		padding-top: 75px;
   	}
   	
   	#fixed-sub-nav, #fixed-sub-nav-reisearten{
   		border:1px solid #fff;
   	}
   
   .sub-nav-beispielreise {
   	width: 220px;
   	margin-top: 50px;
  	font-size: 14px;
  	font-size: 0.875rem;
  	font-weight: 300;
  	line-height: 2;
  }
  
  .sub-nav-beispielreise li {
  	padding: 0 10px;
  }

	.sub-nav-beispielreise hr {
  	color: rgba(170, 174, 184, 0.4);
  }
  
	.sub-nav-beispielreise span {
		float: right;
	}
  
  .sub-nav-beispielreise li:nth-child(even) {
  	background:#EDEDED;
  }
  
  .sub-nav-beispielreise  .genericon{
  	color:#FF0B0B;
  	margin-top: 6px;
  	border-radius; 
  }

  /* ---------------------------------------------------------
   reisen ziel laender
   ---------------------------------------------------------*/
   .inner-reisen-ziel {
   	width: 440px;
   	padding-left:30px;
   	float: left; 	
   }	
  
  .float-map {
  	position: absolute;
  	z-index:1;
  	width: 440px; /*45.83333333333333%; /* 440 / 960 */
  	margin-right: 10px;
  }
  
  .reise-ziel-head {
  
  }
  
  .reise-ziel-head  h1 {
  
  	padding-left: 30px;
  }
  
  .reise-ziel-head  h3 {
  	width: 400px;
  	padding-left: 30px;
  	
  }
  
  .reise-ziel-desc {
  	width: 500px;
  	overflow: hidden;
  	float:right ;
  	padding-top: 15px;
  	position: relative;
  
  }
  
  .reise-ziel-desc img {
  	width: 100%;
  	padding-left: 20px;
  }
  
  .float-map {
  	float: left;
  }
  
	.sub-nav-ziel {
		float: right;
		margin: 20px 30px 0 0;
	}
  
  
  .laender {
   	width: 700px;
   	
   	position: relative;
  }
  
  .laender_liste ul {
   	
   	text-align: center;
  }
  
  .laender_liste li {
   	
   	list-style-type: none;
   	display: inline-block;
   	position: relative;
   	float:left;
   	padding-right: 25px;
   	font-size: 18px;
   	font-size: 1.125rem;
   	font-weight: 600;
   	color: #1B1464;
  }
		
/* ---------------------------------------------------------
  katalog bestellen
   ---------------------------------------------------------*/
  #katalogbestellen-wrapper {
   	min-width: 1020px;
   
  }
   
  #katalog_container {
		width: 100%
  	margin: 0 auto;
  } 
   
  #katalogauswahl { 
    width: 720px;
 		margin-bottom: 0;
 		margin-top: 15px;
 		display: inline-block;
 	}
 	
 	#katalogbestellung {
 		width: 280px;
 		float: right;
 		padding-left: 20px;
 		padding-right: 15px;
 		display: inline-block;
 	}
 	
 	
  
  .katalog {
    width: 220px;
    height: 280px;
    margin: 10px;
    margin-bottom: 25px;
    float: left;
    overflow: hidden;
    position: relative;
    
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
    background-color:  
		background: rgb(246,249,252); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(246,249,252,1) 0%, rgba(174,204,234,1) 99%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,249,252,1)), color-stop(99%,rgba(174,204,234,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(246,249,252,1) 0%,rgba(174,204,234,1) 99%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(246,249,252,1) 0%,rgba(174,204,234,1) 99%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(246,249,252,1) 0%,rgba(174,204,234,1) 99%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(246,249,252,1) 0%,rgba(174,204,234,1) 99%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f9fc', endColorstr='#aeccea',GradientType=0 ); /* IE6-9 */
		border-bottom-right-radius:15px;
/* http://www.colorzilla.com/gradient-editor/#f6f9fc+0,aeccea+99;Custom    ---LINK FÜR VERLAUF*/ 
	
	}
   
  .katalog > img{
  	box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.5);
  	margin-top: 15px;
		transform:rotate(5deg); 	
		position: absolute;
		left: 30px;
  }
  
  .jahreswechsel > img, .extra_touren > img{
		left: 50px;
  }
  
  
  .katalog_titel {
  	padding-top: 0;
  }
  
 .katalogTeaser {
  	background-color: rgba(232, 240, 248, 0.9);
  	position: absolute ;
  	height: 75px;
  	width: 100%;
  	bottom:0;
  	border-bottom-right-radius:15px;
  }

  
  .katalogTeaser p {
  	padding-left: 10px;
  	color: #1B1464;
  
  	margin-top: 7px;
  }

	 .form_katalog_order{
	 	 padding-top: 10px;
	 	 
	 }  /*label class*/
	
/*-----katalog bestellen checkbox style-----*/

	.katalogcheck {
	  width: 18px;
	  height: 18px;
	  position: relative;
	  /*margin: 20px auto;*/
	  background: #fcfff4;
	  background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	  background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	  border-radius: 50px;
	  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
	}
	
	.katalogcheck label {
	  width: 14px;
	  height: 14px;
	  position: absolute;
	  top: 2px;
	  left: 2px;
	  cursor: pointer;
	  background: -webkit-linear-gradient(top, #86B3DF 0%, #F0F6FB 100%);
	  background: linear-gradient(to bottom, #86B3DF  0%, #F0F6FB 100%);
	  border-radius: 50px;
	  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
	}
	.katalogcheck label:after {
	  content: '';
	  width: 9px;
	  height: 5px;
	  position: absolute;
	  top: 5px;
	  left: 3px;
	  border: 3px solid #1B1464;
	  border-top: none;
	  border-right: none;
	  background: transparent;
	  opacity: 0;
	  -webkit-transform: rotate(-45deg);
	      -ms-transform: rotate(-45deg);
	          transform: rotate(-45deg);
	}
	.katalogcheck label:hover::after {
	  opacity: 0.3;
	}
	.katalogcheck input[type=checkbox] {
	  visibility: hidden;
	}
	.katalogcheck input[type=checkbox]:checked + label:after {
	  opacity: 1;
	}
	
	.katalogcheck_outer, .katalogcheck {
 		float: right;
  	margin-right:5px;
  	vertical-align:middle;
  	line-height: 22px;
  }
  
  .katalogcheck_outer {
  	position:absolute;
  	right:0;
  	bottom:5px;
  }
  
 
/*-----katalog bestellen form-----*/


	#katalogbestellen_container main
		width: 100%;
		margin: 0 auto;
	}

	
	#anschrift_katalogbestellung {
		border: none;
	}
	
	#checkbox-katalog-herr, #checkbox-katalog-frau {
	
		display: inline;
		margin-right: 25px;
		margin-bottom: 25px;
		float: left;
	}
	
	.input-katalogbestellung {
		padding-top: 20px;
	}
		
		
	 #katalogauswahl checkbox{
		border-radius: 55px;
	}
	
	#katalogbestellen-Wrapper {
		margin-top: 45px;
		width: 1020;
		margin: 0 auto;
	}
	
	
	#gewaehlte_kataloge {
		color: #1B1464;
		font-weight: 700;
	}
	
	 .katalogbestellen-link {
    background-color:rgba(4, 91, 118, 0.9);
    border: medium none;
    color: white;
    border-radius: 22px;
    cursor: pointer;
    font-size: 15px;
    font-size:0.9375rem;
    padding: 3px 20px 3px 20px;
    box-shadow: 0 6px 6px -4px #a8a8a8;
    position: relative;
    
		width: 90px;
	}
	

	#submit-katalogbestellung {
		margin-top: 10px;
	}
	
	.publication_date {
		color:	red; //#FDBF18;
		font-size: 1.2rem;
	}
	
	.publication_now{
		color:	red; //#FDBF18;
		font-size: 1.2rem;
	}
	

/* ---------------------------------------------------------
   katalogbuchung
   ---------------------------------------------------------*/
 
	.katalogbuchung {
		width: 800px;
	}
 #persoenlicheDaten {
	
	border: none; 
	display:  inline-block;
	width: 380px;
	float:left;
		}
		
	#persoenlicheDaten input{
		float: right;
	}

	.katalogbuchung_persoenlicheDaten {
		padding-bottom: 20px;
	}
	
	 #gewaehlteReise {
	
		border: none; 
		display:  inline-block;
		width: 380px;
		float:left;
		margin-left: 60px; 
	}
		
	#gewaehlteReise input{
		float: right;
	}

	.katalogbuchung_gewaehlteReise {
		padding-bottom: 20px;
	}
	
	.katalogbuchung_geschlecht {
	 	display: inline;
	 	margin-bottom: 30px;
	 	float:left;
	 	padding-left: 20px;
 	
  }
 
 .katalogbuchung_geschlecht .herr_katalogbuchung{
 		margin-right: 30px;	
	}
	
 .katalogbuchung-link {
    background-color:rgba(4, 91, 118, 0.9);
    border: medium none;
    color: white;
    border-radius: 22px;
    cursor: pointer;
    font-size: 15px;
    font-size:0.9375rem;
    padding: 3px 20px 3px 20px;
    box-shadow: 0 6px 6px -4px #a8a8a8;
    position: relative;
	}
	
	.senden-katalogbuchung {

		margin-left: 12px;
	}
	
	.katalogbuchung-link {
		margin-top: 20px;
		width: 90px;
	}
	
	
	/* ---------------------------------------------------------
   terminreservieren
   ---------------------------------------------------------*/
 .kompass > p {
	 	width: 800px;
	 	padding-bottom: 45px;
 }
 
 #terminreservieren {
 	   width: 100%;
     padding-left: 7.8431372549019605%; /* 80 / 1020 */
 }
 
 #terminreservieren p {
 	   width: 80%;
 }
 
 #date_form label {
	  font-weight: 700;
 }
	
	
 #persoenlicheDatenTermin {
	
		border: none; 
		display:  inline-block;
		width: 380px;
		float:left;
 }
		
	#persoenlicheDatenTermin input{
		float: right;
	}

	.termin_persoenlicheDaten {
		padding-bottom: 20px;
	}
	
	 #terminwunsch {
	
		border: none; 
		display:  inline-block;
		width: 380px;
		float:left;
		margin-left: 60px; 
	}
		
	#terminwunsch input{
		float: right;
	}
	
	.terminreservieren-link {
		width: 90px;
	}

	.terminwunsch_termin {
		padding-bottom: 20px;
	}
	
	.termin_geschlecht {
	 	display: inline;
	 	margin-bottom: 30px;
	 	float:left;
	 	padding-left: 20px;
 	
  }
 
 .termin_geschlecht .herr_termin{
 		margin-right: 30px;	
	}
	
	.terminreservieren-link {
    background-color:rgba(4, 91, 118, 0.9);
    border: medium none;
    color: white;
    border-radius: 22px;
    cursor: pointer;
    font-size: 15px;
    font-size: 0.9375rem;
    padding: 3px 20px 3px 20px;
    box-shadow: 0 6px 6px -4px #a8a8a8;
    position: relative;
	}
	
	.senden-terminreservieren {
	
		margin-left: 12px;
	}
	
	.terminreservieren-link {
		margin-top: 20px;
	}
	
	.kompass {
		background-image: url("../img/kompass8.png");
		
		background-repeat: no-repeat;
	  background-position: 14px 100px;
	}
	
	.kompass > background-image {
		padding-top: 25px;
	}
	
	
/* ---------------------------------------------------------
   impressum, agb, katalogbuchung, kontakt, danke_für_die_anfrage
   ---------------------------------------------------------*/
.service {
	max-width: 1020px;
	margin: 0 auto;

	top:0px;
	padding-left: 0;
	/*padding-top: 45px;*/
	background-color: #fff;
	color: #566772;
}

/* ---------------------------------------------------------
   agb
   ---------------------------------------------------------*/

#agb {
	margin-top: 75px;
	width: 100%;
  padding-left: 7.8431372549019605%; /* 80 / 1020 */
  padding-right: 19.607843137254903%; /* 200 / 1020 */
}
.agb-link li{
	padding-bottom: 20px;
}

.agb-date {
	float: right;
	padding: 20px 5px 0 0;
}
/* ---------------------------------------------------------
   Datenschutz
   ---------------------------------------------------------*/
   #datenschutz {
   	margin-top: 75px;
   	width: 100%;
   	padding-left: 7.8431372549019605%; /* 80 / 1020 */
    padding-right: 19.607843137254903%; /* 200 / 1020 */
   	
  }
   
 /* ---------------------------------------------------------
   Impressum
   ---------------------------------------------------------*/
   #impressum {
   	margin-top: 175px;
   	padding-left: 7.8431372549019605%; /* 80 / 1020 */
    padding-right: 19.607843137254903%; /* 200 / 1020 */
  }
   
   
   
   /* ---------------------------------------------------------
   danke_für_die_anfrage
   ---------------------------------------------------------*/
   #antwort_terminreservieren, #antwort_katalogbuchung, #antwort_katalogbestellung, #antwort_weiterempfehlen, #antwort_nachricht{
   	margin-top: 175px;
   	padding-left: 7.8431372549019605%; /* 80 / 1020 */
    padding-right: 19.607843137254903%; /* 200 / 1020 */
    color: #566772;
  }
  
  
/* ---------------------------------------------------------
   kontakt
   ---------------------------------------------------------*/
   
   #kontakt {
   	 width: 100%;
   	 padding-left: 7.8431372549019605%; /* 80 / 1020 */
   
   }
  
   .telefon {
	   width: 300px;
	   background-color: #AAB2B8;/*#045973*/
	   color: #fff;
	   padding: 25px;
	   margin-left: 15px;
	   padding-top: 5px;
	   border-radius: 10px;
	   float: right;
	   margin-right: 25px;
   }
   
   .adresse, .anfahrt {
     width: 500px;
   }
   
   .kontakt_nachricht{
     width: 39.58333333333333%; /* 380 / 960 */
   }
  
   .kontakt_nachricht input {
   	margin-top: 10px;
   }
   
   .kontakt_nachricht textarea {
   	width: 100%;
   	height: 175px;
   }
   
   .kontakt_senden {
	    background-color: rgba(4, 91, 118, 0.9);
	    border: medium none;
	    border-radius: 22px;
	    box-shadow: 0 6px 6px -4px #a8a8a8;
	    color: white;
	    cursor: pointer;
	    font-size: 0.9375rem;
	    padding: 3px 20px;
	    position: relative;
	    float: right;
	    margin-right: 5px;
   }
   
   .kontakt-adresse {
   	  margin-top: 75px;
   }
   
   .map {
   	background-image: url(http://maps.googleapis.com/maps/api/staticmap?center=Auf+dem+Rothenberg+13+50667+Köln&zoom=17&scale=false&size=600x400&maptype=roadmap&format=png&visual_refresh=true&markers=size:mid%7Ccolor:red%7Clabel:1%7CAuf+dem+Rothenberg+13+50667+Köln);
   	background-repeat: no-repeat;
   	margin-top: 40px;
   	margin-bottom: 250px;
  }
 
 		/* ---------------------------------------------------------
   weiterempfehlen
	   ---------------------------------------------------------*/
	.weiterempfehlen {

		color: #566772;
		width: 500px;
		padding: 20px;
		margin: 0 auto;
		padding-top: 75px;
	}
	.hintergrund_weiterempfehlen {
	
	  background-image: url("../img/kompass8.png"); background-repeat:no-repeat;
	 }
	 
 .weiterempfehlen input{
		float: right;	

	}
	
	.senden-weiterempfehlen {
		margin-left: 12px;
		margin-right: 12px;
	}
	
	
	.empfehlen {
		padding-bottom: 20px;
	}
 
 
  .empfehlen-link {
    background-color:rgba(4, 91, 118, 0.9);
    border: medium none;
    color: white;
    border-radius: 22px;
    cursor: pointer;
    font-size: 15px;
    font-size:0.9375rem;
    left: 14px;
    padding: 3px 20px 3px 20px;
    box-shadow: 0 6px 6px -4px #a8a8a8;
    position: relative;
    width: 90px;
	}

/* ---------------------------------------------------------
   newsletter
	   ---------------------------------------------------------*/
 	#newsletter {
 		width: 100%;
 		padding-left: 50px;
 	}
 	
 	#newsletter-form {
 		margin: 0 auto;
 	}
 	.newsletter-teaser {
 		width:62.5%; /* 600 / 960 */
 	}
 	.newsletter_persoenlicheDaten {
		padding-bottom: 20px;
	}
	
	#persoenlicheDatenNewsletter input{
		float: right;
	}
 	
 	#persoenlicheDatenNewsletter {
	
		border: none; 
		display:  inline-block;
		width: 39.58333333333333%; /* 380 / 960 */
		float:left;
	
	}
	
	.newsletter_geschlecht {
	 	display: inline;
	 	margin-bottom: 30px;
	 	float:left;
	 	padding-left: 20px;
  }
  
  .newsletter_geschlecht .herr_newsletter{
 		margin-right: 30px;	
	}
 
 	.newsletter-link {
    background-color:rgba(4, 91, 118, 0.9);
    border: medium none;
    color: white;
    border-radius: 22px;
    cursor: pointer;
    font-size: 15px;
    font-size: 0.9375rem;
    padding: 3px 20px 3px 20px;
    box-shadow: 0 6px 6px -4px #a8a8a8;
    position: relative;
    width: 90px;
	}
	
	.senden-newsletter {
	
		margin-left: 12px;
	}
	
	.newsletter-link {
		margin-top: 20px;
	}
	
	.datenschutz {
		width: 100%;
		padding-left: 7.8431372549019605%; /* 80 / 1020 */
    padding-right: 19.607843137254903%; /* 200 / 1020 */
		margin-top: 40px;
		margin-bottom: 45px;
		font-size: 12px;
		font-size:0.75rem;
	}
 
/* ---------------------------------------------------------
   wir
	   ---------------------------------------------------------*/
	#wir {
		
		top:0px;
		padding:30px;
		padding-top: 0px;
		background-color: #fff;
		color: #566772;
		width: 820px;
		margin: 0 auto;
	}
	
	#wir_beschreibung{
		background-image: url("../img/kompass8.png");
		background-repeat: no-repeat;
		background-position: center;
	}

	
/* ---------------------------------------------------------
   service
	   ---------------------------------------------------------*/
	#unser_service {
		
		top:0px;
		padding:30px;
		padding-top: 45px;
		background-color: #fff;
		color: #566772;
		width: 820px;
		margin: 0 auto;
	}	
	

/* ---------------------------------------------------------
   partner
   ---------------------------------------------------------*/
   #partner {
   	margin-top: 20px;
    margin-bottom: 40px;  
    margin: 0 auto;
    width: 1020px;
  }
  
   #partner_headline {
   	padding: 30px 0 30px 50px;
   	
   }	
   
   #partner_headline h2 {
   	color: #566772;
   }
   
   #partner_uebersicht {
   	padding-left: 50px;
  }
   
   .partner_uebersicht	{
   	width: 280px;
   	float:left;
   	margin-right: 40px;
   	margin-bottom: 80px;
   	border-top: 1px solid #AAB2B8;
   	height: 160px;
   	position: relative;
  }
  
  .partner_uebersicht img {
  	width: 160px;
  	margin: 10px 60px; 
  }
  
  
  
  .partner_link_text {
  	width: 280px;
  	border-top: 1px solid #AAB2B8;
  	border-bottom: 1px solid #AAB2B8;
  	text-align: center;
  	position: absolute;
  	bottom: 0px;
  }
  
  .partner_link_text p {
  	color: #566772;
  	line-height: 1;
  	margin: 5px;
  	
  }
 
 
 .partner_link_text span{
 		margin-top: 0;
 		margin-left: 15px;
 }
   
  .unsere_partner {
  	position: relative;
  	
  }
  
	.partner {
		padding: 30px 30px 100px 30px;
		width: 600px;
		color: #566772;
		background-color: #fff;
		z-index: 100;
		position: absolute;
		top: 0;
		float: left;
		box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
	}
	
	.partner img {
		padding: 0 0 0 0;
		width: 120px; 
	}
	
	.partner_ferienexpress {
		width: 240px !important;
	}
	.genericon-close {
		float: right;
		font-size: 28px;
		font-size:1.875rem;
		color:#1B1464;
		padding: 0 20px 0 0;
	
	}
	
	.genericon-close:hover {
		float: right;
		font-size: 28px;
		font-size:1.875rem;
		color:#1B1464;
		padding: 0 20px 0 0;
		cursor: pointer;
	}
	
	.desc-partner > .genericon-close {
		display: none;
	}
	
	.partner_link_text:hover {
		cursor: pointer;
	}
	
	.ferienexpress {
		width: 240px !important;
  	margin: 40px 20px 0 20px !important;
  }
  
  .frosch {
  	margin-top: 40px !important;
  }
  
  .radissimo {
  	margin-top: 30px !important;
  }
  
  
	
	.partner-link {
	 	text-align: center;
	 	margin-top: 25px;
	 	margin-bottom: 25px;
	 	padding-bottom:35px;
		font-size: 16px;
		font-size: 1rem;
		font-weight:600 ;
		background-color:rgba(4, 91, 118, 0.9);   
	  border-radius: 22px;
	  box-shadow: 0 6px 6px -4px #a8a8a8;
	  height: 35px;	  
	  width: 220px;
	}

	.partner-link a {
		color: #fff;
		position: relative;
		bottom: -3px;
  }
  
  .partner {
  	top: 0px;
  }
  
 /*+++++++++++++++++++++++++++++++ANGEBOTE++++++++++++++++++++++++++++++++++++++*/
 
 
 .angebote {
 	width: 960px;
 	margin: 0 auto;
 	margin-top: 80px;
	}
 
 .angebote > p {
 	width: 670px;
 	color: #566772;
 }
 
 .angebote >  hr 1px solid {
 	width: 960px;
 	margin: 0 auto;
 	color: #566772;
 }
 
 .stopper {
 	height: 180px;
 }
 
 .datum {
 	float: left;
 }
 
 
 
	  
  
/*Verlauf grün Blau*/
/*background: rgb(30,72,112); /* Old browsers */
/*background: -moz-linear-gradient(top,  rgba(30,72,112,1) 0%, rgba(4,91,118,1) 100%); /* FF3.6+ */
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,72,112,1)), color-stop(100%,rgba(4,91,118,1))); /* Chrome,Safari4+ */
/*background: -webkit-linear-gradient(top,  rgba(30,72,112,1) 0%,rgba(4,91,118,1) 100%); /* Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(top,  rgba(30,72,112,1) 0%,rgba(4,91,118,1) 100%); /* Opera 11.10+ */
/*background: -ms-linear-gradient(top,  rgba(30,72,112,1) 0%,rgba(4,91,118,1) 100%); /* IE10+ */
/*background: linear-gradient(to bottom,  rgba(30,72,112,1) 0%,rgba(4,91,118,1) 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e4870', endColorstr='#045b76',GradientType=0 ); /* IE6-9 */

/* ---------------------------------------------------------
   Media Queries
   ---------------------------------------------------------*/
  /*
  @media screen and (max-width: 1070px){
   	
   	.xpuffer {
   		left: -50px;
   	}
   	
  
   }
   
   @media screen and (max-width: 1040px){
   
   	.w_brand {
   		padding-left: 40px;
   	}
   	

   }
   
    @media screen and (max-width: 990px){
    	#terminwunsch {
    		margin-left: 0;
    	}
    	
    	.reise-ziel-desc img{
		  	width: 540px;
		  	overflow: hidden;
		  	padding-top: 60px;
		  	position: relative;
		  	opacity: 0.4;
      }
      
      .inner-reisen-allgemein{
      	padding-right: 0;
      	margin-left: 40px;
      	width: 80%;
      }
      
      .sub-nav {
      	width: 1px;
      	visibility: hidden;
      }
      
      .sub-nav-link-b {
      	visibility: visible;
      }
      
      
      
    }
    
    @media screen and (max-width: 550px){
    	.reise-ziel-desc img {
    		display: block;
    		margin: 0 auto;
    		float: none;
    	}
    }
   
   @media screen and (max-width: 880px){
   
    .primary-nav {
      margin-top: 71px;
    }
   
		.menu-primary-menu ul li {
			margin-right: 20px;
		}
		   
   	.menu-primary-menu ul li a { 
   		font-size: 1.25rem;
   	}
   	
   	#logo {
   		height: 60px;
   		margin-top: 17px;
   	}
   	
   	.brand-name {
   		font-size: 0.75rem;
   	}
   	
   	.view {
   		width: 220px;
   		margin: 4%;
   		
   	}
   	
   	.container_layer{
   		margin: 0 auto;
   	
   	}
   	
   	.newsletter-teaser {
 		  width:98%; 

   }
   
   .daysList, .bugetList {
   		display: none;
   }
 }
 
   @media screen and (max-width: 720px){
   	
	   	.menu-primary-menu ul li a { 
	   		font-size: 1rem;
	   	}
	   	
	   	.w_brand {
	   		padding-left: 20px;
	   	}
	   	
	   	.brand-name {
	   		margin-top: 21px;
	   	}
	   	
	   	#logo {
	   		margin-top: 15px;
	   	}
	   	
	   .telefon {
	   	  clear: both;
	   	  float: none;
	   	  margin-bottom: 40px;
	   	  margin-left:0;
	   }
	   
	   .linkList {
	   	 display: none;
	   }
	   
	   .countryList {
	   	
	   }
   	
   }
  
  @media screen and (min-width: 621px){
     .menu-primary-menu ul li:hover > .puffer { 
   																			 display: block;			
   																			 position: absolute;	
   																			 z-index: 10;		
   																			 left:-50px;																													  																													 							 
		 }
	 
	
	}
  	
  @media screen and (max-width: 620px){
  	
  	.menu-primary-menu
  	{
  		display: none;
  		margin: 15px
  	}
  	
  	
  	#toggle-main-nav {
  		display: block;
  		cursor: pointer;
  		float:right;
  		margin-top: 0;
  		margin-right: 15px;	
  	}
  	
  	#toggle-clear {
  		display: block;
  		float: right;
  	}
  	
  	.genericon-menu {
  		color: #1B1464;
  		font-size: 19px
  	}
  	
  	.menu-primary-menu {
  		margin-top: 0;
  		margin-right: 0;
  		position: relative;
  	}
  	
  	.menu_ul{
  		display:block; 
  		width: 225px;
  		clear: both;
  		Z-Index: 10000;
  		float: right;
  		background-color: #E1ECF7;
  		margin-top: 0px;
  		position: absolute;
  		
  	}
  	
  	.submenu {
  		width: 225px;
  	}
  	
  	.dropdown menu_li ul {
  		margin-right: 0;
  	}
  	
  	.menu_li {
  		clear: both;
  		display: block;
  		width: 225px;
  		border-bottom: 1px solid #1B1464;
  		position: absolute;	
  		width: 225px;
  		margin-right: 0;
  	}
  	
  	.menu_li a {
  		display: block;
  		padding: 20px 40px;

  	}
  	
  	.menu_li ul > li > ul >li {
  		width: 225px;
  	
  	}
  	
  	.menu_li ul > li > a {
  		margin-left: 40px;
  		font-size: 1rem;          nav Unterpunkte stylen
  	}
 
  	#toggle-main-nav a:active {
  		display:block; 
  	}
  	
  	#menu-primary-menu {
  		margin-top: 17px;
  	}
  	
  	.menu-primary-menu {
  		position: absolute;
  		z-index: 10000;
  		top: 23px;
  	}
  	
 
    .menu-primary-menu ul li > .puffer { 
   	  display:none;
    }
   
    .menu-primary-menu ul ul li {
      border-bottom: 1px solid #fff;
      padding-bottom: 0;
      padding-left: 0;
      width: 225px;
    } 
  	
	  .primary-nav {
		   width: 31%;
		   position: relative;
	  }
  	
   .w_brand {
  	  width: 66%;
   }
  	
   .footer-menu {
	  	margin-top: 0;
	  	font-size: 14px;
	  	font-size: 0.875rem;
	  	line-height: 3;
	  	color: #fff;
	  	height: auto;
	  	display: block;
	  	border-left: 0 none;
   }  
  
   .footer-menu ul { 
  		margin: 0;
   }
  	
   .footer-menu ul li { 
  	 border-bottom: 1px solid #fff;
   }
  
   .footer-menu ul li a{ 
  	 padding-left: 5px;
   }
  
   .footer-menu:last-child > ul li:last-child { 
  	 border-bottom: 0 none;
   }
  
   .inner-footer, push {
   	height: 440px;
   }
  
   #agb {
  	padding-right: 10px;
   }
  
   #datenschutz {
  	padding-right: 10px;
   }
    
}
  
  @media screen and (max-width: 460px){
  	
  	#persoenlicheDatenTermin input, #terminwunsch input {
  		clear: both;
  		float: none;
  		display: block;
  	}
  	
  	.senden-terminreservieren{
  		margin:0;
  	} 
    
    .offerList {
    	padding-left: 0;
    	font-size: 0.875rem;
    }
    
    
    .reise-ziel-head, .inner-reisen-ziel {
    	width: 310px;
    }
    
  }
  
  ********************************************************************************/
  
 	@media screen and (max-width: 1110px){
 		
 		.w_brand {
 			width: 27%;
 			margin-left: 3%;
 		}
 	}
  
  
  /*********nav***********/
  
  @media screen and (min-width: 385px){
  		
  		main_width {
  			min-width: 1020px;
  		}
  		
  		
  	
     .menu-primary-menu ul li:hover > .puffer { 
   																			 display: block;			
   																			 position: absolute;	
   																			 z-index: 10;		
   																			 left:-50px;																													  																													 							 
		 }
	 
	
	}
  	
  @media screen and (max-width: 384px){
  	/*smartfone*/
  	

		.view {
			display: block;
			margin-left: 40px;
		}
  
  
   .reise-ziel-head {
    	width: 100%;
   }
  
  .main_width {
  	min-width: 1px;
  } 
   	
	 .main-arten {
		 	  width: 100%;
		}
  	
  	 #back-header {
  	 	width: 100%;
  	 	min-width: 1px;
  	}
  	
  	.menu-primary-menu {
  		display: none;
  		margin: 15px
  	}
  	
  	#toggle-main-nav {
  		display: block;
  		cursor: pointer;
  		float:right;
  		margin-top: 0;
  		margin-right: 15px;	
  	}
  	
  	#toggle-clear {
  		display: block;
  		float: right;
  	}
  	
  	.genericon-menu {
  		color: #1B1464;
  		font-size: 19px
  	}
  	
  	.menu-primary-menu {
  		margin-top: 8px;;
  		margin-right: 0;
  		position: relative;
  	}
  	
  	.menu-primary-menu ul li a {
  		font-size: 1rem;
  	}
  	
  	.menu_ul{
  		display:block; 
  		width: 150px;
  		clear: both;
  		Z-Index: 10000;
  		float: right;
  		background-color: #E1ECF7;
  		margin-top: 0px;
  		position: absolute;
  		
  	}
  	
  	.submenu {
  		width: 150px;
  	}
  	
  	.dropdown menu_li ul {
  		margin-right: 0;
  	}
  	
  	.menu_li {
  		clear: both;
  		display: block;
  		width: 150px;
  		border-bottom: 1px solid #1B1464;
  		position: absolute;	
  		width: 150px;
  		margin-right: 0;
  	}
  	
  	.menu_li a {
  		display: block;
  		padding: 10px 20px;
  		font-size: 1rem;

  	}
  	
    .menu-primary-menu ul ul li a {
  		margin-left: 10px;
  		font-size: 0.9375rem;          /*nav Unterpunkte stylen*/
  	}
 
  	#toggle-main-nav a:active {
  		display:block; 
  	}
  	
  	#menu-primary-menu {
  		margin-top: 17px;
  	}
  	
  	.menu-primary-menu {
  		position: absolute;
  		z-index: 10000;
  		top: 23px;
  	}
  	
 
    .menu-primary-menu ul li > .puffer { 
   	  display:none;
    }
   
    .menu-primary-menu ul ul li {
      border-bottom: 1px solid #fff;
      padding-bottom: 0;
      padding-left: 0;
      width: 150px;
    } 
  	
	  .primary-nav {
		   width: 31%;
		   position: relative;
		   margin-top: 65px;
	  }
  	
  	.submenu li {
	 	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffff+0,d2ebf9+100;Blue+3D+%2312 */
				background: rgb(254,255,255); /* Old browsers */
				background: -moz-linear-gradient(top,  rgba(254,255,255,1) 0%, rgba(210,235,249,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,255,1)), color-stop(100%,rgba(210,235,249,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(210,235,249,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(210,235,249,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(210,235,249,1) 100%); /* IE10+ */
				background: linear-gradient(to bottom,  rgba(254,255,255,1) 0%,rgba(210,235,249,1) 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d2ebf9',GradientType=0 ); /* IE6-9 */
	  }
	  
	  .puffer {
	  	padding-top:  0;

	  }
	  
	  
	  .menu-primary-menu ul li {
	  	  margin-top: 0;
	  }
	  
	
   .w_brand {
  	  padding-left: 10px;
  	  width: 64%;
  	  margin-left: 0;
   }
   
   	#logo {
   		height: 60px;
   		margin-top: 17px;
   	}
   	
   	.brand-name {
   		font-size: 0.75rem;
   	}
   /****************************slider************/
   
   	
		#branding {
		    height: 200px;
		    position: relative;
		    width: 100%;
		}
		
		#slider li {
		    height: 200px;
		    overflow: hidden;
		    position: relative;
		    width: 480px;
    }
    
    #slider ul, #slider li, #slider2 ul, #slider2 li {
		    display: block;
		    height: 200px;
		    list-style: outside none none;
		    margin: 0;
		    padding: 0;
   			}
   
   #nextBtn, #prevBtn {
		    background-color: rgba(255, 255, 255, 0.6);
		    display: block;
		    height: 200px;
		    min-width: 1px;
			}
			
	 .clearfix img {

	 			height: 200px;
	 }


 
  	
  
  /******************footer******************/
  footer {
  	xmax-width: 320px;
  }
  
  .footer-menu {
	  	margin-top: 0;
	  	font-size: 14px;
	  	font-size: 0.875rem;
	  	line-height: 3;
	  	color: #fff;
	  	height: auto;
	  	display: block;
	  	border-left: 0 none;
	  	xmax-width: 320px;
   }  
  
   .footer-menu ul { 
  		margin: 0;
   }
  	
   .footer-menu ul li { 
  	 border-bottom: 1px solid #fff;
   }
  
   .footer-menu ul li a{ 
  	 padding-left: 5px;
   }
  
   .footer-menu:last-child > ul li:last-child { 
  	 border-bottom: 0 none;
   }
  
   .inner-footer {
   	height: 466px;
   	xmax-width: 320px;
   	min-width: 1px;
   }
   
   .push {
   	  height: 465px;
   }
   
   .wrapper {
   	 margin-bottom: -465px;
   }
   
   .footer-frame {
   	width: 100%;
   	min-width: 1px;
   }
   
   /****************index*******************/
   
   .inner-main {
   		display: block;
   }
   
   .view {
   	margin-left: 0;
   	margin: 0 auto;
   	margin-bottom: 25px;

   }
   
   /*****************reisen-ziele***********/
   
   
	   
	   .inner-reisen-ziel {
	    width: 100%
	   }
	   
	   .reise-ziel-head h3 {
	   	width: auto;
	   }
	   
	   .float-map {
	   	width: auto;
	   	position: relative;
	   	float: none;
	   }
	   
	   .sub-nav-ziel {
	   		margin-top: 50px;
	   		float: none;
	   		position: ;
	      width: 100%;
	      margin: 0 auto;
	      padding-top: 20px;
	   }
   
   
	   .reise-ziel-desc img {	  	
			 	opacity: 0.8;
	   }
	   
	   .reise-ziel-desc{
	   	 width: 100%;
	   	 padding-top: 40px;
	   }
	   
	   .reisen-allgemein {
	   	  display: block;
	   }
	   
	   .laender_liste li {
	   	  float: none;
	   }
	   
	   .inner-reisen-ziel {
	   		float: none;
	   }
	   
	   .sub-nav-link {
	   		position: relative;
	   }
   
   
     
     .desc-img-laender-map {
     		width: 100%;
     		margin: 0 auto;
     }
     
     .reise-arten {
     		min-width: 1px;	
     		width: 100%;
     }
     
     .desc-img-laender-map img {
     		width: 100%;
     		padding-top: 0; 
     		padding-left: 0;
     		background-position: center center;
     		overflow: hidden;
     }
     
     .reise-arten article {
     		margin-right: 0px;
     		margin-top: 0px;
     }
 
     .sub-nav-link {
     	  margin: 0 auto;
     }
   			/***********tabelle************/
   	
   	
    .offerList{
    	padding-left: 0;
    } 
    	
  	.exampleTable {
   	  padding-left: 0px;
   	  font-size: 0.75rem;
   	  max-width: 250px;
   	
    }
   
    .daysList, .bugetList, .linkList {
    	display: none;
    }
    
    
  /***********************reise-arten***************/
  #beispielreisen {
  	width: 100%;
  }
  
  .reisen-allgemein {
  	xmax-width: 320px;
  	width: 100%;
  }
  
  .inner-reisen-allgemein {
  	width: 300px;
  	margin: 0 auto;
  	padding-right: 0;
  	padding-left: 20px;
  	float: none;
  }
  
  .allgemein {
  	width:100%;
  }
  
  .allgemein h3 {
  	width: auto;
  }
  
  .sub-nav {
  	float: none;
  	position: relative;
  	min-width: 1px; 
   }
   
   #fixed-sub-nav, #fixed-sub-nav-reisearten {
			display: block;
   		width: 90%;
   		margin: 0 auto;
   		border: 1px solid transparent;s
   		
   }
   .kategorie {
   	display: none;
  }
      
  .sub-nav-link-b {
     visibility: visible;
   }
   
   .inner-reisen-allgemein{
   		min-width: 1px;
   		width: 100%;
  }
  
  .weiterleitung {
  	margin-top: 60px;
  }
   
  /**************wir*************/
  
	  .main-arten {
	  	xmax-width: 100%;
	  }
	  
	  #wir, #unser_service, #partner {
	  	width: auto;
	  }
	  
	  .partner {
	    position: relative;
	    top: 10;
	  }
	  
	  #partner_uebersicht {
	  	margin-left: 20px;
	  	padding-left: 0;
	  	margin-right: 0;
	  }
	  
	  .partner_uebersicht {
	  	margin-right: 0;
	  }
	  
	  
	  .unsere_partner {
	    width: 100%;
	  }
	  
	 
	  
	  #wir_beschreibung{
			background: none;
			
		}
		
		.main {
			xmax-width: 320px;
		}
		
		.inner-main {
			width: 100%;
		}
		
		#persoenlicheDatenTermin, #terminwunsch {
			width: 100%;
		}
		
		#persoenlicheDatenTermin label, #terminwunsch label {
			padding-right: 90px;
			margin-bottom: 20px;
			display: block;
		}
		
		#persoenlicheDatenTermin input {
			float: none;
			margin-top: 10px;
			display: block;
		}
		
		#terminwunsch input {
			float: none;	
			margin-top: 10px;
			display: block;
		}
		
		#terminwunsch{
			margin-left: 0;
		}
		
		.terminwunsch_termin {
			padding-bottom: 20px;
		}
		
		.senden-terminreservieren {
			margin-right: 12px;
			margin-left: 0px;
			margin-bottom: 20px;
		}
		
		.terminreservieren-link {    /*????????????funktioniert nicht***********************/
			margin-top: 400px;
		}
		
		#katalogbuchung, .katalogbuchung {
			width: 100%;
			margin: 0 auto;
			padding-left: 10px;
		}
		
		#gewaehlteReise {
			margin-left: 0;
		}
		
		#inhalt-persönlicheDaten, #gewaehlteReise {
			width: 100%;
			float: none;
		}
		
		#persoenlicheDaten{
			width: 100%;
		}
		
		.katalogbuchung_geschlecht, #persoenlicheDaten input, #gewaehlteReise input {
			float: none;
			display: block;
		}
		
		 #persoenlicheDaten label, #gewaehlteReise label {
		 	padding-right: 90px;
		 }
		 
		 .kompass {
		 	 width: 100%;
		 	 overfow: hidden;
		 	 position: relative;
		 	 float: none;
	   }
	   
	   .senden-katalogbuchung {
	   	 margin-left: 0;
	   	 margin-right: 12px
	   	 		
	   }
	   
	   #kontakt {
	   	width: 100%;
	   	padding: 10px;
	   	margin: 0 auto;

	   	
	   }
	  
	   .telefon {
	   	width: 90%;
	   	margin: 0 auto;
	   	float: none;
	   	margin-bottom: 30px;
	   	
	   }
	   
	   .kontakt, .kontakt-adresse {
	   	 margin-left: 15px;
	   }
	   
	   .kontakt_nachricht {
	   	 width: 90%;
	   }
	   
	   .adresse, .anfahrt {
	   	 width: 95%;
	   	 margin-left: 15px;
	   }
	   
	   .map img {
				width:100%;	 
				  	
	   }
	   
	   .map {
	      margin-bottom: 0;
	   }
	   #katalogbestellung {
	   	float: none;	
	   }
	   
	   #katalogbestellen-wrapper {
	   	width: 100%;
	   	min-width: 1px;
	   }
	  
		 #katalog_container {
	   	width: 100%;
	   }	
				  
	   #katalogauswahl {
	   	width: 100%;
	   	float: none;
	   }
	   
	   #anschrift_katalogbestellung input{
	   	 display: block;
	   }
	  
	   .katalog {
	   	float: none;
	   	margin: 0 auto;
	   	margin-bottom: 30px;
	   }
	   
	    #submit-katalogbestellung {
				margin-top: 20px;
				margin-left: 0;
				float: none;
				display: block;
		 }
	   
	   
	   .hintergrund_weiterempfehlen {
	   	width: 100%;
	   	
	   }
	   
	   .weiterempfehlen {
	   	width: 100%;
	   }
	   
	   .empfehlen input {
	   	float: none;
	   	margin-top: 20px;
	   }
	   
	   .weiterempfehlen {
	   	 padding-top: 0;
	   }
	   
	   .weiterempfehlen input {
	   	 float: none;
	   	 display: block;
	   }
	   
	   .empfehlen-link {
	   	 margin-left: 0;
	   	 margin-bottom: 15px;
	   }
	   
	   
	   .partner {
	   	 width: 100%;
	   	 
	   	 position: relative;
	    
	   }
	   
	  
	  
	   

	   
	   .desc-partner {
	   	 width: 100%;
	   }
	   
	   .unsere_partner{
	   	 margin: 0 auto;
	   }
	   
	   .desc-img-partner {
	   	 display: none;
	   }
	   
	   .desc-partner  .genericon-close {
	   		display: block;
	   }
	   
	   .partner {
      	top: -106px;
     }
  
     #partner {
      	padding: 0 10px 0 10px;
     }
     
     #agb, #datenschutz {
     	 padding-right: 5px;
     }
     
     #datenschutz {
     	 padding-bottom: 40px;
     }
	
		 .newsletter-teaser {
		 	 width: 100%;
		 	 padding-right: 15px;
		 }
		 
		 #persoenlicheDatenNewsletter  {
		 	 float: none;
		 	 display: block;
     }
     
     #persoenlicheDatenNewsletter input {
     	  float: none;
     	  display: block;
     	  margin-top: 10px;
     }
     
     .newsletter-link {
     	margin-left: 0;
     	margin-bottom: 20px;
     	float: none;
     }
     
     .senden-newsletter {
			margin-left: 0;
  
     }
     
     .katalogbestellen-link {
     	margin-left: 0;
    }
  

	
   	
   
   	
/* ---------------------------------------------------------
   Print styles
   ---------------------------------------------------------*/
@media print {
    * {
        color:#000 !important;
        box-shadow:none !important;
        text-shadow:none !important;
        background:transparent !important;
    }
    
    html { background-color:#fff; }
    /* Hide navigation */
    nav { display:none; }

    /* Show link destinations in brackets after the link text */
    a[href]:after { content: " (" attr(href) ") "; }
    a[href] {
        font-weight:600;
        text-decoration:underline;
        color:#06c;
        border:none;
    }
    /* Don't show link destinations for JavaScript or internal links */ 
    a[href^="javascript:"]:after, a[href^="#"]:after { content:""; }
    
    /* Show abbr title value in brackets after the text */
    abbr[title]:after { content: " (" attr(title) ")"; }

    figure { 
        margin-bottom:1em; 
        overflow:hidden;
    }

    figure img { border:1px solid #000; }
}