/* ::: Templates ::: */
section.abstand_oben_1 { padding-top:3%; }
section.abstand_oben_2 { padding-top:6%; }
section.abstand_oben_3 { padding-top:12%; }
section.abstand_oben_4 { padding-top:1.5%; }
section.abstand_unten_1 { padding-bottom:3%; }
section.abstand_unten_2 { padding-bottom:6%; }
section.abstand_unten_3 { padding-bottom:12%; }
section.abstand_unten_4 { padding-bottom:1.5%; }

@media only screen and (min-width: 0px) and (max-width: 700px) {
	section.abstand_oben_1 { padding-top:6%; }
	section.abstand_oben_2 { padding-top:12%; }
	section.abstand_oben_3 { padding-top:20%; }
	section.abstand_oben_4 { padding-top:3%; }
	section.abstand_unten_1 { padding-bottom:6%; }
	section.abstand_unten_2 { padding-bottom:12%; }
	section.abstand_unten_3 { padding-bottom:20%; }
	section.abstand_unten_4 { padding-bottom:3%; }
}


.txt { margin:auto; width:100%; padding-top:1%; padding-bottom:1%; }
div.bild_txt { margin:auto; margin-top:10px; width:100%; padding-top:1%; padding-bottom:1%; }


figcaption.bildunterschrift { display:block; position:absolute; left:0px; bottom:0px; width:100%; border:none; font-size:24px; line-height:24px; font-weight:700; color:#333333; text-align:right;  }
figcaption.dateiname { display:none; }
figcaption.bildunterschrift > span { display:block; position:absolute; left:0px; right:0px; bottom:0px; width:auto; padding:10px 10px 10px 10px; margin-bottom:0px !important; background-image:url('images/t_s_50.png');/*background-image:url('images/trans-rot.png');*/ color:#fff; }

/* 1 text */
/* ###################################################### */
section.temp01 { width:100%; }
section.temp01 div.um_alle { margin:auto; width:60%; /*max-width:900px;*/ }
section.temp01 div.begrenzer { width:100%;  }
section.temp01 div.pa_bg_image { padding:16px; border:2px solid #fff; }
section.temp01 div.pa_txt_box { padding:20px; }

@media only screen and (min-width: 0px) and (max-width: 700px) {
	section.temp01 div.um_alle { width:90%; max-width:auto; }
}

@media only screen and (min-width: 701px) and (max-width: 1300px) {
	section.temp01 div.um_alle { width:80%; max-width:auto; }
}

/* 2 texte divs */
/* ###################################################### */
section.temp04 { width:100%; }
section.temp04 div.um_alle { margin:auto; width:60%; }
section.temp04 div.begrenzer { float:left; margin:auto; margin-right:1%; padding:0px; width:49.5%; }
section.temp04 div.begrenzer.first { margin-top:0px; margin-bottom:0px; }
section.temp04 div.begrenzer.last { margin-right:0px; margin-bottom:0px; }
section.temp04 div.pa_bg_image { padding:16px; border:2px solid #fff; }
section.temp04 div.pa_txt_box { padding:20px; }

/* 2 texte tabelle */
section.tab_temp04 { width:100%;  }
section.tab_temp04 > div.scroll-pane { margin:auto; width:80%; overflow:hidden; }
section.tab_temp04 table { margin:auto; border-spacing:0px; }
section.tab_temp04 td { border-right:1px solid #ccc; width:auto; padding:20px; vertical-align: top; }
section.tab_temp04 td.last { border-right:none; }
section.tab_temp04 h2 { display:block; margin:auto; font-size:24px; line-height:33px; margin-bottom:10px; }

@media only screen and (min-width: 0px) and (max-width: 1024px) {
	section.temp04 div.um_alle { width:90%; }
	section.temp04 h2.h2_leer { display:none; }
}

@media only screen and (min-width: 0px) and (max-width: 800px) {
	section.temp04 div.begrenzer { float:none; margin-right:0px; padding:1%; width:98%; }
	section.temp04 div.begrenzer.first { margin-top:5%; margin-bottom:5%; }
	section.temp04 div.begrenzer.last { margin-bottom:5%; }
}


/* 3 texte */
/* ###################################################### */
section.temp16 { width:100%; }
section.temp16 div.um_alle { margin:auto; width:60%; }
section.temp16 div.begrenzer { float:left; margin:auto; margin-right:1%; padding:1%; width:30.6%;  }
/*section.temp16 div.bg_color { margin:auto; text-align:center; }*/
section.temp16 div.bg_trans { /*text-align:center;*/ }
section.temp16 div.padding { padding:1%; border:2px solid #fff; }
section.temp16 div.pa_txt_box { padding:20px; }
section.temp16 h2 { display:block; margin:auto; font-size:24px; line-height:33px; margin-bottom:10px; }
section.temp16 .padding h2 { }

section.temp16 div.begrenzer.last { margin-right:0px; }

section.tab_temp16 { width:100%;  }
section.tab_temp16 > div.scroll-pane { margin:auto; width:80%; overflow:auto;  -webkit-overflow-scrolling: touch; }
section.tab_temp16 table { width:auto; margin:auto; border-spacing:0px; }
section.tab_temp16 table tr { }
section.tab_temp16 td { border-right:1px solid #ccc; width:auto; padding:20px; white-space:nowrap; vertical-align: top; }
section.tab_temp16 td.last { border-right:none; }
section.tab_temp16 h2 { display:block; margin:auto; font-size:24px; line-height:33px; margin-bottom:10px; }

@media only screen and (min-width: 0px) and (max-width: 1025px) {
	section.tab_temp16 > div.scroll-pane { margin:auto; width:80%; overflow:scroll; }
}

@media only screen and (min-width: 0px) and (max-width: 1024px) {
	section.temp16 div.um_alle { width:90%; }
	section.temp16 h2.h2_leer { display:none; }
}

@media only screen and (min-width: 0px) and (max-width: 800px) {
	section.temp16 div.begrenzer { float:none; margin-right:0px; padding:1%; width:98%; }
	section.temp16 div.begrenzer.first { margin-top:5%; margin-bottom:5%; }
	section.temp16 div.begrenzer.last { margin-bottom:5%; }
}


/* ###################################################### */
.pa_txt_box { padding:10px; }
/* ###################################################### */

/* 4 texte
section.temp17 { width:100%; }
section.temp17 > header { width:100%; }
section.temp17 > header > h2 { }
section.temp17 > div { width:100%; }
section.temp17 > div > div { float:left; width:24.25%; margin-right:1%; }
section.temp17 > div > div > div { width:100%; }
section.temp17 > div > div > header { }
section.temp17 > div > div > header > h2 { }
section.temp17 > div > div > div > div { } */
section.temp17 { width:100%;  }
section.temp17 div.um_alle { margin:auto; width:80%; }
section.temp17 div.begrenzer { float:left; margin:auto; margin-right:1%; padding:1%; width:22%;  }
/*section.temp16 div.bg_color { margin:auto; text-align:center; }*/
section.temp17 div.bg_trans { /*text-align:center;*/ }
section.temp17 div.padding { padding:1%; border:2px solid #fff; }
section.temp17 div.pa_txt_box { padding:20px; }
section.temp17 h2 { display:block; margin:auto; font-size:24px; line-height:33px; margin-bottom:10px; }
section.temp17 .padding h2 { }

section.temp17 div.begrenzer.last { margin-right:0px; }

section.tab_temp17 { width:100%;  }
section.tab_temp17 > div { margin:auto; width:80%; overflow:auto; }
section.tab_temp17 table { margin:auto; border-spacing:0px; }
section.tab_temp17 table tr { }
section.tab_temp17 td { border-right:3px solid #fff; width:auto; padding:20px; white-space:nowrap; vertical-align: top; }
section.tab_temp17 td.last { }
section.tab_temp17 h2 { display:block; margin:auto; font-size:24px; line-height:33px; margin-bottom:10px; }

/* 5 texte */
section.temp22 { width:100%; }
section.temp22 > header { width:100%; }
section.temp22 > header > h2 { }
section.temp22 > div { width:100%; }
section.temp22 > div > div {float:left; width:19.2%; margin-right:1%; }
section.temp22 > div > div > div { width:100%; }
section.temp22 > div > div > header { }
section.temp22 > div > div > header > h2 { }
section.temp22 > div > div > div > div { }

/* 1 bild */
/* ###################################################### */
section.temp07 { width:100%; }
section.temp07 div.um_alle { margin:auto; width:50%; max-width:900px; }
section.temp07 div.begrenzer { padding:1%; width:98%;  }
section.temp07 div.pa_bg_image { padding:16px; border:2px solid #fff; }

@media only screen and (min-width: 0px) and (max-width: 800px) {
	section.temp07 div.um_alle { width:90%; max-width:auto; }
}

@media only screen and (min-width: 801px) and (max-width: 1024px) {
	section.temp07 div.um_alle { width:60%; max-width:auto; }
}


/* 2 bilder */
/* ###################################################### */
section.temp12 { width:100%; }
section.temp12 div.um_alle { margin:auto; width:60%; }
section.temp12 div.begrenzer { float:left; margin:auto; margin-right:2%; width:49%; }
section.temp12 div.um_first { }
section.temp12 div.um_last { margin-right:0px; }
section.temp12 div.pa_bg_image { padding:16px; border:2px solid #fff; }

@media only screen and (min-width: 0px) and (max-width: 700px) {
	section.temp12 div.um_alle { width:90%; max-width:auto; }
	section.temp12 div.begrenzer { float:none; margin:auto; margin-bottom:3%; margin-right:0px; width:100%; }
	.bg_image div.um_last h2 { margin-top:3%; }
	section.temp12 h2.h2_leer { display:none; }
}

@media only screen and (min-width: 701px) and (max-width: 1024px) {
	section.temp12 div.um_alle { width:80%; max-width:auto; }
}



/* 3 bilder */
/* ###################################################### */
section.temp13 { width:100%; }
section.temp13 div.um_alle { margin:auto; width:60%; }
section.temp13 div.begrenzer { float:left; margin:auto; margin-right:2%; width:32%; }
section.temp13 div.um_first { }
section.temp13 div.um_two { }
section.temp13 div.um_last { margin-right:0px; }
section.temp13 div.pa_bg_image { padding:16px; border:2px solid #fff; }
section.temp13 h2 { font-size:24px; line-height:33px; font-weight:700; }

/*section.temp13 div.bild_txt { padding-bottom:40px; }*/

@media only screen and (min-width: 0px) and (max-width: 700px) {
	section.temp13 div.um_alle { width:90%; max-width:auto; }
	section.temp13 div.begrenzer { float:none; margin:auto; margin-bottom:3%; margin-right:0px; width:100%; }
	section.temp13 div.pa_txt_box { padding:10px; }
	.bg_image div.um_last h2 { margin-top:3%; }
	section.temp13 h2.h2_leer { display:none; }
}

@media only screen and (min-width: 701px) and (max-width: 1024px) {
	section.temp13 div.um_alle { width:80%; max-width:auto; }
}



/* 4 bilder */
/* ###################################################### */
section.temp14 { width:100%; }
section.temp14 div.um_alle { margin:auto; width:80%; }
section.temp14 div.begrenzer { float:left; margin:auto; margin-right:2%; width:23.5%; }
section.temp14 div.um_first { }
section.temp14 div.um_two { }
section.temp14 div.um_three { }
section.temp14 div.um_last { margin-right:0px; }
section.temp14 div.pa_bg_image { padding:16px; border:2px solid #fff; }
section.temp14 h2 { display:block; margin:auto; font-size:24px; line-height:33px; margin-bottom:10px; }

@media only screen and (min-width: 0px) and (max-width: 700px) {
	section.temp14 div.um_alle { width:90%; max-width:auto; }
	section.temp14 div.begrenzer { float:none; margin:auto; margin-bottom:3%; margin-right:0px; width:100%; }
	.bg_image div.um_last h2 { margin-top:3%; }
	section.temp14 h2.h2_leer { display:none; }
}

@media only screen and (min-width: 701px) and (max-width: 1300px) {
	section.temp14 div.um_alle { width:90%; max-width:auto; }
	section.temp14 div.begrenzer { float:none; margin:auto; margin-bottom:3%; margin-right:2%; width:49%; }
	section.temp14 div.um_first { float:left; }
	section.temp14 div.um_two { float:left; margin-right:0px; }
	section.temp14 div.um_three { clear:both; float:left; }
	section.temp14 div.um_last { margin-right:0px; float:left; }
}

figcaption.bildunterschrift { font-size:18px; line-height:18px; }

/*
section.temp14 { width:100%; margin-top:2%; margin-bottom:2%; }
section.temp14 > header { }
section.temp14 > header > h2 { }
section.temp14 > div { width:100%; }
section.temp14 > div > div { float:left; width:24.25%; margin-right:1%; }
section.temp14 > div > div > div { width:100%; }
section.temp14 > div > div > div > header { }
section.temp14 > div > div > div > header > h2 { }
section.temp14 > div > div > div > figure { }
section.temp14 > div > div > div > figure > figcaption { }
section.temp14 > div > div > div > figure > figcaption > span { }
section.temp14 > div > div > div > div { }
*/



/* 5 bilder */
section.temp15 { width:100%; }
section.temp15 div.um_alle { margin:auto; width:80%; }
section.temp15 div.begrenzer { float:left; margin:auto; margin-right:1%; width:19.2%; }
section.temp15 div.um_first { }
section.temp15 div.um_two { }
section.temp15 div.um_three { }
section.temp15 div.um_last { margin-right:0px; }
section.temp15 div.pa_bg_image { padding:16px; border:2px solid #fff; }
section.temp15 h2 { display:block; margin:auto; font-size:24px; line-height:33px; margin-bottom:10px; }

@media only screen and (min-width: 0px) and (max-width: 700px) {
	section.temp15 div.um_alle { width:90%; max-width:auto; }
	section.temp15 div.begrenzer { float:none; margin:auto; margin-bottom:3%; margin-right:0px; width:100%; }
	.bg_image div.um_last h2 { margin-top:3%; }
	section.temp15 h2.h2_leer { display:none; }
}

@media only screen and (min-width: 701px) and (max-width: 1300px) {
	section.temp15 div.um_alle { width:90%; max-width:auto; }
	section.temp15 div.begrenzer { float:none; margin:auto; margin-bottom:3%; margin-right:2%; width:49%; }
	section.temp15 div.um_first { float:left; }
	section.temp15 div.um_two { float:left; margin-right:0px; }
	section.temp15 div.um_three { clear:both; float:left; }
	section.temp15 div.um_last { margin-right:0px; float:left; }
}
/*
section.temp15 { width:100%; }
section.temp15 > header { }
section.temp15 > header > h2 { }
section.temp15 > div { width:100%; }
section.temp15 > div > div { float:left; width:19.2%; margin-right:1%; }
section.temp15 > div > div > div { width:100%; }
section.temp15 > div > div > div > header { }
section.temp15 > div > div > div > header > h2 { }
section.temp15 > div > div > div > figure { }
section.temp15 > div > div > div > figure > figcaption { }
section.temp15 > div > div > div > figure > figcaption > span { }
section.temp15 > div > div > div > div { }
*/

/* TEMPLATES ALLGEMEIN */
.last { margin-right:0px !important; }

/*section { margin-bottom:2%; }*/

/*
section > header { padding:20px 0px 0px 0px; }
section > div > div > div > header { padding:20px 0px 0px 0px; }
section > div > div > div > div { padding:20px 0px 20px 0px;}*/

section.color > header { padding:20px 0px 0px 0px; }
section.color > div > div > div > header { padding:20px 20px 0px 20px; }
section.color > div > div > div > div { padding:20px 20px 20px 20px; }

/* 1 bild | 1 text */
/* 1 text */
/* ###################################################### */
section.temp02 { width:100%; }
section.temp02 div.um_alle { margin:auto; width:60%; }
/*section.temp02 div.begrenzer { padding:1%; width:98%;  }*/
section.temp02 div.begrenzer { width:100%;  }
section.temp02 div.pa_bg_image { padding:16px; border:2px solid #fff; }
section.temp02 div.txt figure { float:left; margin-right:2%; width:32%; }

section.temp02 .txt { padding-top:0px; padding-bottom:0px; }

@media only screen and (min-width: 0px) and (max-width: 800px) {
	section.temp02 div.um_alle { width:90%; max-width:auto; }
	section.temp02 div.txt figure { float:none; width:100%; margin-right:0px; margin-bottom:20px; }
}

@media only screen and (min-width: 801px) and (max-width: 1024px) {
	section.temp02 div.um_alle { width:60%; max-width:auto; }
	section.temp02 div.txt figure { float:none; width:100%; margin-right:0px; margin-bottom:20px; }
}


/*
section.temp02 { width:100%;  }
section.temp02 > div { width:80%; margin:auto; }
section.temp02 > div > div { width:90%; }
section.temp02 > div > div > div {  }
section.temp02 > div > div > div > header { padding-bottom:20px; }
section.temp02 > div > div > div > header > h2 { font-family:"Dancing Script", sans-serif; }
section.temp02 > div > div > div > figure { float:left; width:55.5%; margin-right:2%; }
section.temp02 > div > div > div > figure > figcaption { }
section.temp02 > div > div > div > figure > figcaption > span { }
section.temp02 > div > div > div > div { padding:0px 2% 0px 2%; }
*/

/* 1 text | 1 bild */
section.temp03 { width:100%; }
section.temp03 div.um_alle { margin:auto; width:70%; }
section.temp03 div.begrenzer { padding:1%; width:98%;  }
section.temp03 div.pa_bg_image { padding:16px; border:2px solid #fff; }
section.temp03 div.txt figure { float:right; width:49%; margin-left:2%; margin-bottom:0px; }

section.temp03 .txt { padding-top:0px; padding-bottom:0px; }

@media only screen and (min-width: 0px) and (max-width: 800px) {
	section.temp03 div.um_alle { width:90%; max-width:auto; }
	section.temp03 div.txt figure { float:none; width:100%; margin-left:0px; margin-bottom:20px; }
}

@media only screen and (min-width: 801px) and (max-width: 1024px) {
	section.temp03 div.um_alle { width:60%; max-width:auto; }
	section.temp03 div.txt figure { float:none; width:100%; margin-left:0px; margin-bottom:20px; }
}



/* Angebotsvorlage */
div.temp26 { width:50%; }
h4 { display:block; width:50%; }

/* temp30 - Zimmerbeschreibung */
div.temp30 { width:100%; }
div.temp30img { float:right; margin-left:20px; background-color:#ccc; }

/* temp31 - Whg/ Zimmerpreise */
td.tab_preise_zw { width:150px; }
tab_preise_kat_zw { width:300px; }

/* temp32 - anfragebuchen */
div.anfragebuchen { width:100%; }

/* temp 33 - angebote */
h2.arr_h2 { font-size:18px; border-bottom:1px dotted #233954; padding-bottom:7px; margin-bottom:5px; }
h3.arr_h3 { color:#DBD3C8; }
div.arr_buchbar_gesamt { font-weight:700; }
div.arr_anreise_tage { font-style:italic; }
div.arr_bild { float:right; padding-left:20px; margin-bottom:0px; }
div.arr_bild a { margin:auto; }
div.arr_angebotstext { margin-right:20px; }
div.arr_info { font-weight:700; }
div.arr_preise { }
div.arr_preise_zeitraum { margin-top:12px; font-style:italic; }
div.arrp01 { float:left; width:250px; }
div.arrp02, div.arrp03, div.arrp4 { float:left; width:150px; text-align:center; }
div.arrp04 { text-align:right; }

/* temp34 - zubuchbare leistungen */
div.zb_buchbar_gesamt { margin-bottom:12px; font-weight:700; }
div.zb_bild { float:right; display:block; }
div.zb_bild img { padding-left:20px; }
div.zb_bild a { margin:auto; }
div.zb_angebotstext { margin-bottom:20px; }
div.zb_dauer { font-weight:700; }
div.zb_preis { margin-bottom:12px; font-weight:700; }
div.zb_minmax { font-style:italic; }