/* Layouts */

.frame-layout-1 {
  color:#fff;
  background:#4c6828;
  padding:30px;
    position: relative;
}

.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 dashed #ccc;
}

/* Links */

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

span.button,
a.button,
a.button:link,
a.button:active,
a.button:visited,
a.button:hover {
  text-transform: uppercase;
  font-size:14px;
    display: inline-block;
    height:24px;
    line-height: 24px;
    padding:0 17px;
    border-left:2px dotted #4c6828;
    border-right:2px dotted #4c6828;
    color:#4c6828;
    letter-spacing:0.1em;
}

span.button:hover,
a.button:hover {
   padding:0 27px;
}

.frame-layout-1 span.button,
.frame-layout-1 a.button,
.frame-layout-1 a.button:link,
.frame-layout-1 a.button:active,
.frame-layout-1 a.button:visited,
.frame-layout-1 a.button:hover {
    color:#fff;
    border-left:2px dotted #fff;
    border-right:2px dotted #fff;
}

/* Headlines in Zierschrift */

header {
    text-align: center;    
    margin-bottom:90px;
}

header h3 span {
    border-bottom:1px solid #000;
    display: inline-block;
    padding:0 90px 50px 90px;
    font-size:24px;
    letter-spacing:0.1em;
    font-weight: normal;
}

.frame-layout-1 header h3 span {
    border-color:#fff;
}

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

h2,h3,h4,h5 {
}

h1 {

}

h2 {
    font-size:80px;
    line-height: 80px;
    font-weight: normal;
    font-family: 'SangBleuKingdom';
}


h3 {

}

/* Listen */

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

main ul {

}

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


main .frame-layout-1 ul {
    display: flex;
    flex-wrap: wrap;
    width:100%;
}

main .frame-layout-1 li {
    list-style: none;
    background:none;
    flex:50%;
}

main .frame-layout-1 li::before {
    content:"→ ";
    position: relative;
}


/* 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;
}

.frame-indent {
    margin-left:auto;
    margin-right: auto;
    max-width: 620px;
}

/* Anreiseformular */

.hotel-routing {
  background:#4c6828;
  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: 'Roboto', sans-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:#a7173a;
}

.contenttable td {
	min-height:50px;
	line-height:50px;	
    background:#fff;
}

.contenttable tr:nth-child(odd) td {
	background:#fbf4ee;	
}

#main .contenttable a.button {
	display:block;
	text-align:center;
}

.contenttable tr:hover td {
}

.contenttable tr:hover:first-child td {
}


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

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

main .frame-layout-1 li {
     flex:100%;
    }
    
     h2 {
        font-size:40px;
        line-height: 40px;
        
    }
    
    header {
        margin-bottom: 45px;
    }
    
    header h3 span {
        padding: 0 45px 25px 45px;
        font-size:20px;
    }
}

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

.frame-indent {
    max-width: 96%;
}
    
.frame-layout-1 {
    padding:30px 2%;
}
    
header h3 span {
    font-size:16px;
}
    
/* Abstände */

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

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

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

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

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

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

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

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

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

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

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

}