/* Layouts */

.frame-layout-1 {
  color:#fff;
  background:#cd1338;
  padding:30px;
}

.frame-layout-1 h2,
.frame-layout-1 h3,
.frame-layout-1 h4 {
  color:#fff;  
}

/* Divider */

.ce-divider {
  margin:20px 0;
  height:3px;
  border-top:1px dotted #4E3718;
}

/* Links */

a,
a:link,
a:active,
a:visited,
a:hover {
  color:#4E3718;  
  text-decoration:none;
}

a.button,
a.button:link,
a.button:active,
a.button:visited,
a.button:hover {
  background: #4E3718;
  color:#fff;
  padding:10px;
}

a.button:hover {
  background-color:#89796A;
}

/* Headlines in Zierschrift */

h1,h2,h3,h4,h5,
.top1,
.footer1_wrap,
.footer2_wrap {
}

h2,h3,h4,h5 {
  color: #513918;
}

h1 {
  text-align:left;  
  margin-bottom:20px;
  padding-bottom:20px;
  font-size: 40px;
  margin-bottom: 60px;
  font-weight:normal;
  color:#333;
  font-family: 'Open Sans Condensed', sans-serif;
    line-height: 1;
}

.preh1 {
	  font-family: 'Open Sans', sans-serif;
	  text-transform: uppercase;
	  font-size: 60px;
	  font-weight:400;
	  line-height:1.1;
	  color: #513918;
	  display:block;
	  margin-bottom:10px;
}

h2, h3 {
  font-size:20px;  
  font-weight:normal;
  font-weight: 700;
  margin-bottom:1em;
}

h2.firsth2 {
  	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:300;
	font-size: 46px;
}

h3 {
  font-weight:normal;
  text-transform:none;
  font-size:20px;
  margin-bottom:1em;
}

/* Listen */

main p,
main ul {
  margin-bottom:1em;
  line-height:1.7em;
}

main ul {
  margin-left:35px;  
}

main li {
  list-style:none;
  background:url(../img/li_bg.png) 0 10px no-repeat;
  padding-left:23px;  
  line-height:1.8em;
}

/* Text Ausrichtung */

.text-center {
  text-align:center;  
}

/* Abstände */

.frame-default.frame-space-before-extra-small {
  margin-top:30px;  
}

.frame-default.frame-space-after-extra-small {
  margin-bottom:30px;
}

.frame-default.frame-space-before-small {
  margin-top:50px;  
}

.frame-default.frame-space-after-small {
  margin-bottom:50px;
}

.frame-default.frame-space-before-medium {
  margin-top:70px;  
}

.frame-default.frame-space-after-medium {
  margin-bottom:70px;
}

.frame-default.frame-space-before-large {
  margin-top:90px;  
}

.frame-default.frame-space-after-large {
  margin-bottom:90px;
}

.frame-default.frame-space-before-extra-large {
  margin-top:243px;  
}

.frame-default.frame-space-after-extra-large {
  margin-bottom:243px;
}

/* Anreiseformular */

.hotel-routing {
  background:#CD1338;
  text-align:center;
  padding:30px;
  margin:30px 0;
}

.hotel-routing input,
.hotel-routing button {
  height:40px;
  line-height:40px;
  border:none;
  padding:0 10px;  
  font-family: "Merriweather",serif;
  width:200px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius:0; 
    border-radius:0;
}

.input-routing-start {
}

.input-routing-submit {
  margin-left:3px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius:0; 
    border-radius:0;
  background:#ccc;
}

.input-routing-submit:hover {
  cursor:pointer;  
  color:#CD1338;
}


/* *****************************************************************************************
   RESPONSIVE SECTION
*******************************************************************************************/

/* portrait */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: portrait) {

}

/* landscape */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: landscape) {

}

@media screen and (max-width: 1440px) {
  
}

@media screen and (max-width: 1280px) {
  
}

@media screen and (max-width: 1024px) {
  
}

@media screen and (max-width: 767px) {
h1 {
  font-size:36px;
  line-height:36px;  
}

h2.firsth2 {
  margin-bottom:30px;
  padding-bottom:20px;  
}

.frame-default.frame-space-after-medium {
  margin-bottom:20px;  
}

.input-routing-submit {
  margin:5px 0;
}

.footer3_inner {
  background-size:100px 100px;  
}

h3 {
	font-size:16px;
}

}