/*@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,500|Open+Sans:400,700);*/
/* open-sans-regular - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans/open-sans-v34-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans/open-sans-v34-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans/open-sans-v34-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans/open-sans-v34-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans/open-sans-v34-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans/open-sans-v34-latin-ext_latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans/open-sans-v34-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans/open-sans-v34-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans/open-sans-v34-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans/open-sans-v34-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans/open-sans-v34-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans/open-sans-v34-latin-ext_latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* ubuntu-regular - latin-ext_latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/ubuntu/ubuntu-v20-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ubuntu/ubuntu-v20-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu/ubuntu-v20-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu/ubuntu-v20-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu/ubuntu-v20-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu/ubuntu-v20-latin-ext_latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
html {
    
}
body{
	font-family:'Open Sans', sans-serif;
	font-size:87%;
	line-height: 1.5em;
	}
	nav {
		font-family:helvetica, arial;
		}
	#inhalt, #menue, #haeuser, #button-offcanvas-reise, #search{
		font-size:1em;
		}
	#button-offcanvas{
		font-size:1.0em;
	}	
    #brand, #navi, footer, #merkliste, #filter-mobil {
			font-size:0.9em;
			}
	footer{
			font-size:0.8em;
			}
	#menue-mobil {
		
		line-height:2.5em;
		}
	
	
#head h1 {
	font-family:'Ubuntu';
			font-size:1.7em;
			padding:0.2em 0;
			color:#333;	
			margin-bottom:5px;
			}
p {
		padding:0.3em 0;		
				}
a {
	color:#2b597f;
}

a:hover {
	color:#2BA1E5;
}
#inhalt .divider {clear:both;}
#inhalt a {
		text-decoration: underline;
		color:#2b597f;
}
#inhalt a:hover {
			color:#058FDE;
}
#inhalt a.linkbutton {
	    padding: 10px 5px;
        background-color: #EAF0F4;
        border: 1px solid #ddd;
        border-radius: 5px;
		font-family:'Ubuntu';
		font-size:1.1em;
		width:300px;
		display:block;	
		margin: 0 auto 5px auto;
		font-size: 1.0em;
		text-align: center;		
}
#inhalt a.linkbutton.float{
	width: auto;
}
#inhalt a.linkbuttonre {
	    padding: 10px 15px;
        background-color: #EAF0F4;
        border: 1px solid #ddd;
        border-radius: 5px;
		font-family:'Ubuntu';
		font-size:1.1em;
		float: left;	
		margin-right: 5px;		
}
#inhalt a.linkbuttonmobile  {
	position: absolute;
	right:5px;
	top:310px;
	padding: 5px 15px;
    background-color: rgba(255,255,255,0.6);
   border: 1px solid #ddd;
   border-radius: 5px;
   font-family: 'Ubuntu';
   font-size: 1.0em;
}
 h4 .linkbuttonmobile {
	padding:0;
}
h1, h2, h3, h4 { font-family:'Ubuntu', sans-serif; } /* Open Sans in großen Größen sieht bekn... aus */     
h1 {
		font-size: 1.7em; /* JS, mein Vorschlag, bisher viel zu klein: 1.3em; */
		padding:0.2em 0;
		color: #333;		
}
h2 {
		font-size: 1.5em; /* JS, mein Vorschlag, bisher viel zu klein: 1.2em; */
		font-weight:normal;
		color:#333;
		padding:0.3em 0;	
		margin:0;	
	
}
h3 {
		font-size: 1.3em; /* JS, mein Vorschlag, bisher viel zu klein: 1.0em; */
		font-weight:normal;
		color:#333;
		
}

.frame-layout-0 h3, .frame-layout-0 h2 {
	padding:0.1em 0;
	margin:5px 0 2px 0;
	}
h4 {
		font-size: 1.2em; 
		font-weight: normal;
		color: #222;
		padding:0.6em 0;
		margin:7px 0 0 0;		
}
#p304 #unterseite i, #p318 #unterseite i, #p321 #unterseite i  {			/*Angebotsseiten alter Preis durchgestrichen - #p304= Seite Angebote Kurzurlaub, #p318 = Angebot Aktivitätshäuser*/
	font-style: normal;
	/*text-decoration: line-through;*/
	background: url("../img/strike_100_30.gif") no-repeat top right ; 
	padding: 0 20px 0 50px;
}
#p304 .csc-textpic-text h3, #p318 .csc-textpic-text h3 {
	font-size:1.2em;
}
p.bewert{  /*Seite Bewertungen*/
	margin:-20px 0 20px 10px;
	text-align:left;
}
#bufo h2 {
		font-size:1.1em;	
	}	
#bufo h3 {
		color:#055BA8;	
		margin:8px 0 0 0!important;		
				}
nav a{color:#fff;}		

figcaption {
		font-size:0.7em;
		font-weight:bold;
		line-height: 1.3em;
		padding-left:5px;
		padding-top:3px;
		}	
 .reise h4, .reise h3 {
	padding:10px 0 10px 0;
	margin:0;
	}
.reise p {
	padding:5px 0;
}
.frame-layout-8 p{
	padding:0 0 5px 38px;
}
#unterseite ul.shortfeaturelist li.list-group-item img{
	width: 18px;
	height: auto;
	padding-bottom:5px;
	margin-right: 3px;
}
@media only screen and (min-width: 400px) {
	body{
	font-size:90%;
	}
	#bufo h2 {
		font-size:1.2em;	
	}	
}
@media only screen and (min-width: 500px) {
	
	
	footer{
			font-size:0.8em;
			}
	#inhalt a.linkbutton {
		width:60%;
		float:none;
		margin: 0 auto 15px auto;
		
	}
	#inhalt a.linkbuttonre {
		float:right;
		margin-bottom:15px;
	}
	#inhalt a.linkbutton.float{
		float:right;
		margin: -10px 5px 10px 0;
	}

}
@media only screen and (min-width: 580px) {
	#p321 #unterseite i, #p304 #unterseite i, #p318 #unterseite i  {			/*Angebotsseiten alter Preis durchgestrichen - #p304= Seite Angebote Kurzurlaub, #p318 = Angebot Aktivitätshäuser*/
	 
	padding: 0 20px 0 10px;
}
}
	@media only screen and (min-width: 600px) {
	body{
	font-size:92%;
	}
	h3 {
		padding:0.3em 0;
	}
	#bottom, #unterseite {
		text-align: left;
		}	
		.spalten-100, .spalten-110, .spalten-120 {
			text-align: left;
			}
	#inhalt a.linkbutton {
		width:260px;
		float:none;
		margin: 0 auto;
	}
	
	#inhalt a.linkbutton.float.rechts{
		width:250px;
	}
	#inhalt a.linkbuttonmobile  {
	display:none;
}	
	}
	@media only screen and (min-width: 768px) {
	body{
	font-size:95%;
	}
	#bufo .bfbreadcrumb {
		font-size:0.8em;
		}
	

	}
	@media only screen and (min-width: 900px) {
		#bufo .bfbreadcrumb {
		font-size:1.0em;
		}	
	}
	@media only screen and (min-width: 1000px) {
	body{
	font-size:96%;
	}

	}