/*
Rot	= #e31f2f
Orange = #ea690a
Hell Orange = #f39654
Schrifft	= #545453

*/

/* ubuntu-300italic - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/ubuntu-v12-latin/ubuntu-v12-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Light Italic'), local('Ubuntu-LightItalic'),
       url('../fonts/ubuntu-v12-latin/ubuntu-v12-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v12-latin/ubuntu-v12-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v12-latin/ubuntu-v12-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v12-latin/ubuntu-v12-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v12-latin/ubuntu-v12-latin-300italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
  font-display: swap;
}
/* ubuntu-regular - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/ubuntu-v12-latin/ubuntu-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'),
       url('../fonts/ubuntu-v12-latin/ubuntu-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v12-latin/ubuntu-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v12-latin/ubuntu-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v12-latin/ubuntu-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v12-latin/ubuntu-v12-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
  font-display: swap;
}
/* ubuntu-500 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/ubuntu-v12-latin/ubuntu-v12-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Medium'), local('Ubuntu-Medium'),
       url('../fonts/ubuntu-v12-latin/ubuntu-v12-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v12-latin/ubuntu-v12-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v12-latin/ubuntu-v12-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v12-latin/ubuntu-v12-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v12-latin/ubuntu-v12-latin-500.svg#Ubuntu') format('svg'); /* Legacy iOS */
  font-display: swap;
}
/* ubuntu-700 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/ubuntu-v12-latin/ubuntu-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Bold'), local('Ubuntu-Bold'),
       url('../fonts/ubuntu-v12-latin/ubuntu-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v12-latin/ubuntu-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v12-latin/ubuntu-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v12-latin/ubuntu-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v12-latin/ubuntu-v12-latin-700.svg#Ubuntu') format('svg'); /* Legacy iOS */
  font-display: swap;
}




/* archivo-black-regular - latin */
@font-face {
  font-family: 'Archivo Black';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/archivo-black-v8-latin/archivo-black-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Archivo Black Regular'), local('ArchivoBlack-Regular'),
       url('../fonts/archivo-black-v8-latin/archivo-black-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/archivo-black-v8-latin/archivo-black-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/archivo-black-v8-latin/archivo-black-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/archivo-black-v8-latin/archivo-black-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/archivo-black-v8-latin/archivo-black-v8-latin-regular.svg#ArchivoBlack') format('svg'); /* Legacy iOS */
  font-display: swap;
}


/* crimson-text-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/crimson-text/crimson-text-v19-latin-700.eot'); 
  src: url('../fonts/crimson-text/crimson-text-v19-latin-700.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/crimson-text/crimson-text-v19-latin-700.woff2') format('woff2'), 
       url('../fonts/crimson-text/crimson-text-v19-latin-700.woff') format('woff'), 
       url('../fonts/crimson-text/crimson-text-v19-latin-700.ttf') format('truetype'), 
       url('../fonts/crimson-text/crimson-text-v19-latin-700.svg#CrimsonText') format('svg'); 
}







/* FontAwesome */
@font-face { 
  font-weight: normal; 
  font-style: normal;
  font-display: auto;	
  font-family: 'FontAwesome'; src: url('../fonts/fontawesome/fontawesome-webfont.eot?v=4.2.0'); 
  src: url('../fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), 
    url('../fonts/fontawesome/fontawesome-webfont.woff?v=4.2.0') format('woff'), 
    url('../fonts/fontawesome/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), 
    url('../fonts/fontawesome/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg'); 
  font-display: block
}



:root {  
	
	--red: #ac2b2b;
	--blue: #1c3b6e;
	--black: #000000;
	--white: #ffffff;
	--light-blue: #37acd4;
	--gray: #c7c7c7;
	--light-gray: #f4f4f4;

	--border: 5px;





}



/*
	
	

 background: rgb(55,172,212); background: -moz-linear-gradient(90deg, rgba(55,172,212,1) 0%, rgba(28,59,110,1) 100%); background: -webkit-linear-gradient(90deg, rgba(55,172,212,1) 0%, rgba(28,59,110,1) 100%); background: linear-gradient(90deg, rgba(55,172,212,1) 0%, rgba(28,59,110,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#37acd4",endColorstr="#1c3b6e",GradientType=1);



	
	
	
	
*/	









.fa 						{ display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }






body						{ font-family: 'Ubuntu', sans-serif; font-weight: 300; color: var(--black); line-height: 1.6em; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; margin: 0; overflow-x: hidden;  }







/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}












/* Foundation Reset */

ul 						{ margin-left: 0!important }
hr						{ margin: 0; color: #ffffff!important; margin-bottom: 20px; border-top: 1px solid #d6d7d7; }
table					{ border-spacing: 0;}
label					{ font-size: inherit; margin-left: 0!important; color: var(--black); }
legend					{ display: contents;}
strong					{ font-weight: 700; }	







h1 								{ font-family: 'Crimson Text', sans-serif; font-weight: 700; margin-top: 0; line-height: 2.8rem; color: var(--blue); font-size: 2.3rem; letter-spacing: 1px; }
h2 								{ font-family: 'Crimson Text', sans-serif; font-weight: 700; margin-top: 0; line-height: 2.0rem; color: var(--blue); font-size: 1.8rem; letter-spacing: 1px; }
h3 								{ font-family: 'Crimson Text', sans-serif; font-weight: 700; margin-top: 0; line-height: 1.8rem; color: var(--blue); font-size: 1.4rem; letter-spacing: 1px; }
h4 								{ font-family: 'Ubuntu', sans-serif; font-weight: 700; margin-top: 0; line-height: 1.6rem; color: var(--blue); font-size: 1.2rem; letter-spacing: 1px;}
h5 								{ font-family: 'Ubuntu', sans-serif; font-weight: 700; margin-top: 0;}


										
#header													{margin: 0; padding: 0;}


#footer a												{ -webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out; }


#container												{ overflow: hidden; }

.sticky-header 											{ height: 72px; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; background: var(--white);}



.folge-head												{ height: 400px; background-image: url(../img/78076_neutral.jpg); position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.logo													{ }
.silhouette												{ position: absolute; bottom: -5px; right: 0; text-align: center; width: 100%;}
.silhouette	img											{ width: 50%; height: 100% auto }








.buchung-tel											{ font-family: 'Crimson Text', sans-serif; position: absolute; right: 5%; margin-top: 120px; z-index: 1; color: #ffffff;}
.buchung-tel p											{ margin: 0; padding: 0; }
.buchung-tel p.text										{ font-size: 30px; font-weight: 700; padding-bottom: 7px; text-transform: uppercase; text-shadow: 2px 1px 0px rgba(0, 0, 0, 1);}
.buchung-tel p.tel										{ font-size: 35px; font-weight: 700; letter-spacing: 2px; text-shadow: 2px 1px 0px rgba(0, 0, 0, 1);}
.buchung-tel:before										{ position: absolute; left: -45px; font-size: 35px; font-family: "FontAwesome"; content: "\f086"!important; margin-top: 11px; text-shadow: 2px 1px 0px rgba(0, 0, 0, 1);}
.buchung-tel	 a,					
.buchung-tel	 a:hover								{ color: #ffffff; text-decoration: none;}


.buchung-tel-mobile										{ display: none;}



.ssl-teaser	p							{ margin: 0; padding: 0;text-transform: uppercase;}
.ssl-teaser	 p.text						{ font-size: 20px; font-weight: 700; text-transform: uppercase; color: var(--blue)}
.ssl-teaser	 p.text:before				{ font-size: 28px; font-family: "FontAwesome"; content: "\f023"!important; color: var(--red); padding-top: 11px; margin-right: 10px; float: left;}


.hotline-teaser	p							{ margin: 0; padding: 0;text-transform: uppercase; }
.hotline-teaser	 p.text						{ font-size: 20px; font-weight: 700; text-transform: uppercase; color: var(--blue) }
.hotline-teaser	 p.text:before				{ font-size: 28px; font-family: "FontAwesome"; content: "\f086"!important; color: var(--red); padding-top: 11px; margin-right: 10px; float: left;}






/* Footer Inhalte */


#footer								{ color: #ffffff; background: rgb(55,172,212); background: -moz-linear-gradient(90deg, rgba(55,172,212,1) 0%, rgba(28,59,110,1) 100%); background: -webkit-linear-gradient(90deg, rgba(55,172,212,1) 0%, rgba(28,59,110,1) 100%); background: linear-gradient(90deg, rgba(55,172,212,1) 0%, rgba(28,59,110,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#37acd4",endColorstr="#1c3b6e",GradientType=1); }
#footer	h3							{ font-size: 35px; margin-top: 40px; margin-bottom: 40px; color: #ffffff; }

ul.footer-navi 						{ list-style: none; padding-left: 0; }
ul.footer-navi li a					{ text-decoration: none; display: block; color: #ffffff; border-bottom: 1px solid #ffffff; text-transform: uppercase; padding: 7px 0 7px 0; width: 85%; }
ul.footer-navi li a:before			{ font-family: "FontAwesome"; content: "\f101"!important; margin-right: 7px; }
ul.footer-navi li a:hover			{ text-decoration: none; color: #f39654; }

.footer-top							{ margin-top: 40px;}


#footer	a							{ text-decoration: none; color: #ffffff; }









/* Helfer */
a,
button,
div,
span				{ outline: none!important;}
.invisible			{ display: none; }
.hidden-page		{ display: none;}
.padding20			{ padding: 20px}
.padding40			{ padding: 40px}
.margin20			{ margin: 20px}
.margin40			{ margin: 40px}
.margin-top20		{ margin-top: 20px}
.margin-top40		{ margin-top: 40px}
.padding-top20		{ padding-top: 20px}
.padding-top40		{ padding-top: 40px}

.padding-bottom20	{ padding-bottom: 20px}
.padding-bottom40	{ padding-bottom: 40px}


.text-right			{ text-align: right; margin-bottom: 0;}
.padding-bottom20	{ padding-bottom: 20px}
.padding-bottom40	{ padding-bottom: 40px}
.margin-bottom20	{ margin-bottom: 20px}
.margin-bottom40	{ margin-bottom: 40px}

.center				{ text-align: center; }
.text-weiss			{ color: #ffffff!important; }

.float_left 		{ float:left; }
.float_right 		{ float:right; }
.image_container 	{ position: relative; }
.rot				{ background-color: #e31f2f;}
.orange				{ background-color: #ea690a; }
.weiss				{ background-color: #ffffff;}

.image-content		{ padding: 40px 20px; }


.light-gray			{ background-color: var(--light-gray) }



.hellgrau			{ border: 1px solid #d6d7d7; border-radius: 2px; background: white; background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));	background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }

.mobile-hidden		{ display: inline-block; }



/* Anpassungen Offcanvas Navigation */


.multilevel-offcanvas						{ background: var(--blue); }
.multilevel-offcanvas	.level_1	li		{ margin: 7px 0; font-size: 18px; text-transform: uppercase; }
.multilevel-offcanvas	.level_2	li		{ margin-left: 25px; font-size: 16px; margin-top: 0px; margin-bottom: 0px; }







/* Header */


.header-left								{ margin: 0 auto; text-align: center; padding: 15px 0 10px 0; display: flex; justify-content: center; }
.header-right								{ position: absolute; right: 0; top: 0; }







.header-left .such-teaser					{ max-width: 1100px; display: inline-block; margin-left: 40px;  }

.header-left .such-teaser .widget			{ width: 17%; float: left; margin-bottom: 0; margin-left: 10px; }
.header-left .such-teaser input,			
.header-left .such-teaser select,			
.header-left .such-teaser button			{ margin-bottom: 0; height: 40px;  }
.header-left .such-teaser input	, 			
.header-left .such-teaser select			{ border: 0; border-color: transparent; border-radius: 0; background-color: var(--white); border-bottom: 1px solid var(--blue); color: var(--blue); }
.header-left .such-teaser button			{ padding: 0 10px; border: 0; border-radius: 10px; font-size: 16px!important; background: rgb(55,172,212); background: -moz-linear-gradient(90deg, rgba(55,172,212,1) 0%, rgba(28,59,110,1) 100%); background: -webkit-linear-gradient(90deg, rgba(55,172,212,1) 0%, rgba(28,59,110,1) 100%); background: linear-gradient(90deg, rgba(55,172,212,1) 0%, rgba(28,59,110,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#37acd4",endColorstr="#1c3b6e",GradientType=1); }

.header-left .such-teaser ::placeholder 				{ color: var(--blue);  opacity: 1; }
.header-left .such-teaser :-ms-input-placeholder 		{ color: var(--blue); }
.header-left .such-teaser ::-ms-input-placeholder 		{ color: var(--blue); }


.header-left .widget--sd input[type="text"], 			
.header-left .widget--ed input[type="text"] 			{ background-image: url(../img/icon-calendar.png); background-position: center right; background-repeat: no-repeat; background-size: 18px 19px; padding-right: 35px; }
.header-left .widget--s input[type="text"] 			{ background-image: url(../img/icon-lupe.png); background-position: center right; background-repeat: no-repeat; background-size: 18px 19px; padding-right: 35px; }
.header-left select 									{ background-image: url(../img/icon-arrow-down.png); background-position: center right; background-repeat: no-repeat; background-size: 16px 10px;  }

.header-left .such-teaser:after							{ content: " "; display: block; height: 0; clear: both; visibility: hidden;}


.header-left .such-teaser label							{ display: none;}
.header-right [type="button"]						{ border-radius: 0; }





/* Navi Buttons */


.navi-button						{ margin-top: 25px; padding-top: 15px;  border-top: 1px solid #ffffff; text-transform: uppercase;}
a.navi-button-facebook,
a.navi-button-hotline 				{ text-decoration: none; color: #ffffff; transition: color 0.3s ease-in;}
a.navi-button-facebook:before		{ font-size: 18px; font-family: 'FontAwesome'; content: "\f082"; color: #ffffff; margin-right: 10px;}
a.navi-button-hotline:before		{ font-size: 18px; font-family: 'FontAwesome'; content: "\f086"; color: #ffffff; margin-right: 10px;}
.navi-button a:hover				{ color: rgba(255, 255, 255, 0.7);}



	
/* XML Marker */


span.Fett-Lila			{ font-weight: 700; color: #a80073;  }











/* Suche Mobile */


.suche-mobile	label							{ display: none;}





/* Imgeseiten */


.rahmen img 									{position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d6d7d7; border-radius: 2px; background: white; background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04)); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));	background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04)); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04)); box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);}




.ce_text:after					{ content: " "; display: block; height: 0; clear: both; visibility: hidden;}



.image-content .ce_text a,
.image-content .formbody a				{ text-decoration: underline; color: #545453;}
.image-content .ce_text a:hover,		
.image-content .formbody a:hover		{ text-decoration: underline; color: #e31f2f;}



.image-content .image_container,				{ opacity: 1.0; }
.image-content .image_container:hover,
.image-content .image_container:focus			{ opacity: 0.7; -webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}



.image-content .image_container .caption		{font-size: 14px; margin-top: 5px; }




.image-content .ce_text li						{ list-style: none; margin: 0 0 10px 0; padding: 0 0 0 20px; position: relative; }
.image-content .ce_text li:before				{ font-size: 18px; font-family: 'FontAwesome'; content: "\f00c"; position: absolute; left: 0; color: var(--red)}
.image-content .ce_text ul						{ padding-left: 3px; list-style: none}
.image-content .ce_text li,
.image-content .ce_text li						{ margin: 0 0 10px 0; padding: 0 0 0 25px; position: relative; line-height: 18px;}





.image-content .ce_gallery, .ce_gallery ul 		{ display: block; overflow: hidden }
.image-content .ce_gallery ul li 				{ float: left; list-style-type: none }
.image-content .ce_gallery .image_container		{ position: relative; margin: 0 }
.image-content .ce_gallery .col_first			{ clear: both }
.image-content .ce_gallery a 					{ outline: none }
.image-content .ce_gallery img 					{display: block}



.image-content .ce_gallery .cols_2 li 			{ width: calc(100% / 2); float: left; }
.image-content .ce_gallery .cols_3 li 			{ width: calc(100% / 3); float: left; }
.image-content .ce_gallery .cols_4 li 			{ width: calc(100% / 4); float: left; }
.image-content .ce_gallery .cols_5 li 			{ width: calc(100% / 5); float: left; }
.image-content .ce_gallery .cols_6 li 			{ width: calc(100% / 6); float: left; }
.image-content .ce_gallery .cols_7 li 			{ width: calc(100% / 7); float: left; }
.image-content .ce_gallery .cols_8 li 			{ width: calc(100% / 8); float: left; }
.image-content .ce_gallery .cols_9 li 			{ width: calc(100% / 9); float: left; }
.image-content .ce_gallery .cols_10 li 			{ width: calc(100% / 10); float: left; }
.image-content .ce_gallery .cols_11 li 			{ width: calc(100% / 11); float: left; }
.image-content .ce_gallery .cols_12 li 			{ width: calc(100% / 12); float: left; }
.image-content .ce_gallery .image_container		{ margin: 0;}
.image-content .ce_gallery a 					{ width: 100%; height: 100%; display: block; }
.image-content .ce_gallery .content 			{ position: absolute; left: 0; top: 0;	bottom: 0; right: 0; height: 100%; background: rgba(152,152,152,0.8); opacity: 0; transition: All 0.5s ease; -webkit-transition: All 0.5s ease;	}
.image-content .ce_gallery li:hover .content 	{ opacity: 1; }
.image-content .ce_gallery li img 				{ transition: All 0.5s ease; -webkit-transition: All 0.5s ease; }
.image-content .ce_gallery .image_container 	{ overflow: hidden; }
.image-content .ce_gallery .content-outside 	{ display: table; width: 100%;	height: 100%; }
.image-content .ce_gallery .content-inside 		{ display: table-cell; vertical-align: middle; text-align: center; color: rgb(255,255,255); line-height: 1.5; }



								









/* Slider Start + Folge  */


										
.content-slider														{ height: 65vh;	position: relative;}
.silhouette-slider													{ width: 100%; text-align: center; position: absolute; bottom: -3px;  }	
.folge_inside .content-slider .ce_simpleteaserelement				{ height: 65vh;	}

.folge_inside .content-slider .ce_simpleteaserelement > .image_container { height: 100%; }
/*.folge_inside .content-slider .ce_simpleteaserelement > .image_container > a { height: 100%; }*/
.folge_inside .content-slider .ce_simpleteaserelement > .image_container > a img { object-fit: cover; height: 100%; width: 100%;}

.reisedetail_panorama_bilder	ul									{ margin: 0;}
.full_inside .ce_sliderStart										{ clear:both; margin-top: -20px; }
.folge_inside .ce_sliderStart										{ clear:both; margin-top: 0px; }


.slick-slide img												{ height: 100%; object-fit: cover; width: 100%;}

.folge_inside .teaser-layer--background							{ height: 65vh; background-position: center center; background-repeat: no-repeat; background-size: cover; }

.full_inside .content-slider .ce_simpleteaserelement .image_container 	{ position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 100vh; }
.full_inside .teaser-layer--background										{ height: 100vh; background-position: center center; background-repeat: no-repeat; background-size: cover; }

.full_inside .content-slider .teaser-overlay,
.folge_inside .content-slider .teaser-overlay						{ margin-top: 20vh; position: absolute; z-index: 4; text-align: center; width: 100%; min-height: 280px;}
.full_inside h1,
.folge_inside h1													{ font-size: 7vh; color: #ffffff;  margin: 0; line-height: 8vh; margin-bottom: 30px; text-shadow: 2px 2px 0px rgba(0, 0, 0, 1);}
.full_inside h2,
.folge_inside h2													{ font-size: 3vh; color: #ffffff; text-shadow: 2px 1px 0px rgba(0, 0, 0, 1); margin: 0; margin-bottom: 40px; }

.full_inside h2														{ margin-bottom: 25px; }

.ce_reisedetail.reisedetail_panorama_bilder 						{ height: 40vh; overflow: hidden; }
.detail-panorama--background 										{ background-repeat: no-repeat; min-height: 40vh; background-position: center; background-size: cover; }
.detail-panorama--background .image_container						{ position: static; }






/* Slider-Buttons */



.slider-control							{ display: none;}

.slick-next,
.slick-prev								{ width: 40px; height: 40px; text-align: center; line-height: 40px; position: absolute; z-index: 6; border: 2px solid var(--red); -webkit-border-radius: 200px; -moz-border-radius: 200px; -o-border-radius: 200px; border-radius: 200px; opacity: 0.6; -webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out; overflow: hidden; cursor: pointer;}

.slick-next:hover,
.slick-prev:hover						{ opacity: 1; background: transparent; }	
.slick-disabled							{ opacity: 0.2!important; }



button.slick-next:before 				{ color: var(--red); content: "\f105"!important; padding: 0!important; display: block; font-family: "FontAwesome"; font-size: 22px; line-height: 40px; margin-left: 2px; margin-top: -1px;}
button.slick-prev:before 				{ color: var(--red); content: "\f104"!important; padding: 0!important; display: block; font-family: "FontAwesome"; font-size: 22px; line-height: 40px; margin-left: -2px; margin-top: -1px;}

.slick-arrow.slick-prev 				{ left: 22px; }
.slick-arrow.slick-next 				{ right: 22px;}



.slick-arrow.slick-prev, 				
.slick-arrow.slick-next									{ top: 50%!important;}


.top-angebote .slick-arrow.slick-prev,
.top-angebote .slick-arrow.slick-next,			
.crossselling .slick-arrow.slick-prev,
.crossselling .slick-arrow.slick-next,	
.reisekategorienHome .slick-arrow.slick-prev,
.reisekategorienHome .slick-arrow.slick-next			{ top: calc(-60px - 1em)!important;}





.content-slider .slick-next,
.content-slider .slick-prev,
.reisedetail_panorama_bilder .slick-next,					
.reisedetail_panorama_bilder .slick-prev,
.reisekategorienHome .slick-next,
.reisekategorienHome .slick-prev						{ border: 2px solid #fff; }



.content-slider button.slick-next:before,
.content-slider button.slick-prev:before,
.reisedetail_panorama_bilder button.slick-next:before,
.reisedetail_panorama_bilder button.slick-prev:before,  	
.reisekategorienHome button.slick-next:before,
.reisekategorienHome button.slick-prev:before			{ color: #fff;}






/* Buttons */

.teaser-overlay a.hyperlink_txt,
.button1,
a.btn,
.scrollDownButton,
p.back a,
p.more a,
.formbody button,
.classButton,
input[type="submit"]										{ font-family: 'Ubuntu', sans-serif; -webkit-border-radius: 0px!important; -moz-border-radius: 0px!important; border-radius: 15px!important; cursor: pointer; font-weight: 400!important; font-size: 16px!important; padding: 10px 20px; border: 0; text-decoration: none!important; text-align: center; text-transform: uppercase!important; display: inline; line-height: normal; color: #ffffff!important; background: rgb(55,172,212); background: -moz-linear-gradient(90deg, rgba(55,172,212,1) 0%, rgba(28,59,110,1) 100%); background: -webkit-linear-gradient(90deg, rgba(55,172,212,1) 0%, rgba(28,59,110,1) 100%); background: linear-gradient(90deg, rgba(55,172,212,1) 0%, rgba(28,59,110,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#37acd4",endColorstr="#1c3b6e",GradientType=1); }

button														{ text-transform: uppercase; color: #ffffff; cursor: pointer; }


.teaser-overlay a.hyperlink_txt:hover,
.button1:hover,
a.btn:hover,
.scrollDownButton:hover,
p.back a:hover,
p.more a:hover,
.formbody button:hover,
.classButton:hover											{ background: var(--blue); text-decoration: none!important; color: #fff!important; background-repeat: no-repeat!important; }

.button1.small												{ font-size: 14px!important; padding: 5px 10px; }
.button1.rot												{ background: #e31f2f; }





 /* Syndication Button */

.syndication								{ width: 95%; max-width: 1200px; margin: 0 auto; text-align: right; padding: 0 20px; margin-bottom: -20px; }
.syndication img							{ display: none; }


.syndication a								{ text-decoration: none; display: inline-block; padding: 5px 5px; background: rgba(84, 84, 83, 0.5); transition: color 0.3s ease-in; border-radius: 50px; height: 35px; width: 35px; }


.syndication a.print:before					{ font-family: 'FontAwesome'; content: "\f02f"; font-size: 20px; color: #ffffff; padding-right: 3px; }
.syndication a.facebook:before				{ font-family: 'FontAwesome'; content: "\f09a"; font-size: 20px; color: #ffffff; padding-right: 7px;}
.syndication a.twitter:before				{ font-family: 'FontAwesome'; content: "\f099"; font-size: 20px; color: #ffffff; padding-right: 2px;}
.syndication a.empfehlen:before				{ font-family: 'FontAwesome'; content: "\f0e0"; font-size: 19px; color: #ffffff; padding-right: 3px;}

.syndication a:hover						{ background: rgba(84, 84, 83, 0.4); }










/* Reise Liste */

.teaser_inside.teaser_inside--linked	{ border: 1px solid #d6d7d7; border-radius: 2px; background: white; background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));	background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);}

.teaser-wrapper .teaser 						{ margin-top: 20px; padding-left: 10px; padding-right: 10px; }

.teaser--reise .reise_next-termin:before		{ font-family: 'FontAwesome'; font-style: normal; font-weight: normal; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f073"; margin-right: 5px; color: var(--red);}


.teaser--reise .reise_next-termin				{ margin-bottom: 10px; color: var(--red)!important;}


.teaser--reise .reise_anreiseart				{ padding: 10px 10px 0 10px; color: var(--red)!important;}

.teaser--reise h3								{ font-family: 'Ubuntu', sans-serif; text-align: left; font-size: 25px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; letter-spacing: normal; text-transform: none; font-style: normal; color: var(--blue)!important}

.teaser--reise h4								{ font-size: 18px; line-height: 19px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; color: var(--black)!important;}
.teaser--reise .reise_days						{ font-weight: 700; color: var(--red)!important; }
.teaser--reise .reise_from-price				{ font-weight: 700; color: var(--red)!important; text-align: right; }
.teaser--reise .reise_from-price span			{ font-size: 23px; color: var(--red)!important; }

.teaser--reise .old-price						{ font-weight: 700; font-size: 16px!important; color: var(--red)!important; text-decoration: line-through!important; position: absolute; margin-top: -20px; margin-left: 50px; }





.ce_reiseteaser	.total							{ font-size: 20px; margin-bottom: 15px;}
.ce_reiseteaser .form-block--submit 			{ display:none; }
.ce_reiseteaser .form-wrapper					{ background: transparent; padding: 0; }
.ce_reiseteaser .widget-select					{ width: 40%; float: left; margin: 10px 10px 10px 0; }
.ce_reiseteaser .js-init:after					{ content: " "; display: block; height: 0; clear: both; visibility: hidden;}

.teaser--reise .teaser_inside					{ border: 1px solid var(--gray) }



.teaser--reise .teaser_inside.teaser_inside--linked * { color: #545453;}
.ce_reiseteaser .form-wrapper:after				{ content: " "; display: block; height: 0; clear: both; visibility: hidden;}



.teaser--reise .teaser_content .reise_promotion		{ background-color: var(--red); color: #ffffff; -webkit-box-shadow: 0px 7px 21px -9px rgba(255,255,255,1); -moz-box-shadow: 0px 7px 21px -9px rgba(255,255,255,1); box-shadow: 0px 7px 21px -9px rgba(255,255,255,1); -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;}

.teaser--reise .teaser_content .button-ausverkauft			{ position: absolute; top: 70px; font-weight: 700; background: #e31f2f; color: #ffffff; padding: 10px 30px;  }


.teaser--reise .teaser_inside.teaser_inside--linked 			{ background-color: #fff; -webkit-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; }

.teaser--reise .teaser_inside.teaser_inside--linked:hover, 
.teaser--reise .teaser_inside.teaser_inside--linked:focus 		{ background-color: rgba(204,204,204,0.1); }









.tooltip 			{ position: relative; }
.tooltip:before,
.tooltip:after 		{ display: block; opacity: 0; pointer-events: none; position: absolute; }
.tooltip:after 		{ border-right: 6px solid transparent; border-bottom: 6px solid rgba(0,0,0,.75); border-left: 6px solid transparent; content: ''; height: 0; top: 20px; left: 20px; width: 0; }
.tooltip:before 	{ background: rgba(0,0,0,.75); border-radius: 2px; color: #fff; content: attr(data-title); font-size: 14px; padding: 6px 10px; top: 26px; white-space: nowrap;}


.tooltip.fade:after,
.tooltip.fade:before 		{ transform: translate3d(0,-10px,0); transition: all .15s ease-in-out; }
.tooltip.fade:hover:after,
.tooltip.fade:hover:before 	{ opacity: 1; transform: translate3d(0,0,0); }




.bookmark-position												{ position: relative; }



a.bookmark--add,
a.bookmark--remove												{ position: absolute; bottom:10px; right:10px; background: #ffffff; color: #d82020; text-align: center; line-height: 35px; height: 35px; width: 35px; display: block; border-radius: 50%; text-decoration: none; z-index: 3;  outline: none; opacity: 1.0 }
a.bookmark--add:hover,
a.bookmark--remove:hover										{ opacity: 0.8 }	
a.bookmark--add:before											{ font-family: 'FontAwesome'; content: "\f004"; font-size: 20px; color: #d82020; }
a.bookmark--remove:before										{ font-family: 'FontAwesome'; content: "\f08a"; font-size: 20px; color: green; }









/* Trefferliste */


.treffer-sort	.form-wrapper,						
.treffer-sort	.form-wrapper select				{ margin: 0;}
.ce_metadetail.no-image .image_container			{ display: none }				
.ce_metadetail .image_container						{ display: none }	




/* Top Angebote + Crossselling + reisedetailseite Bildergalerie*/


.top-angebote							{ padding: 80px 0 20px 0;}
.crossselling							{ padding: 40px 0 20px 0; margin-top: 40px;}			


.top-angebote h2,
.crossselling h2,
.reisedetail_reise_bilder h2,
.reiselaender-liste 	h2				{ color: var(--blue); font-size: 60px; text-align: center; margin-bottom: 80px;}


.top-angebote:after						{content: " "; display: block; height: 0; clear: both; visibility: hidden; }	





/* Bilder-Copyrights */

.teaser--reise .teaser_inside.teaser_inside--linked .image_copyrights * { color: #fff; }

.image_copyrights										{ position: absolute; z-index: 4; color: #ffffff!important; padding: 20px; font-size: 10px; font-style: italic; line-height: 16px; }
.full_inside .image_copyrights							{ bottom: 5%; right: 3%; }			
.folge_inside .image_copyrights							{ bottom: 5%; right: 3%; }
.teaser--reise .image_copyrights						{ margin-top: -73px; }
.reiselaender-liste .image_copyrights					{ top: 0px; }
.ce_metadetail .image_copyrights						{ margin-top: -60px; }	
.reisedetail_reise_bilder .image_copyrights			{ bottom: 3%; left: 3%;}	
.detail-panorama--background .image_copyrights			{ bottom: 5%; right: 3%;}
.reise-detail_hotel .image_copyrights					{ bottom: 5%; left: 3%;}
.image-content .image_copyrights						{ bottom: 5%; left: 3%;}
.reisekategorienHome .image_copyrights					{ top: 0px; }
.image_container .image_copyrights						{ margin-top: -60px; }



/*  Text Home */


.text-home h3				{ color: var(--blue); font-size: 40px; }
.text-home .ce_text			{ }
.image-cover-1				{ background-image: url(/files/style/img/76278_neutral.jpg); position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.image-cover-2				{ background-image: url(/files/style/img/74440_neutral.jpg); position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; }



/* Cookie Banner */


#cookie-bar 								{background: #ea690a; height:auto; line-height:24px; color:#eeeeee; text-align:center; padding:25px;}
#cookie-bar.fixed 							{position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom 					{bottom:0; top:auto;}
#cookie-bar p 								{margin:0; padding:0;}
#cookie-bar a 								{color:#ffffff; display:inline-block; text-decoration:none; padding:5px 20px; margin-left:15px;}
#cookie-bar .cb-enable 						{background:#007700;}
#cookie-bar .cb-enable:hover 				{background:#009900;}
#cookie-bar .cb-disable 					{background:#990000;}
#cookie-bar .cb-disable:hover 				{background:#bb0000;}
#cookie-bar a.cb-policy 					{text-decoration: underline; margin-left:0px;}
#cookie-bar a.cb-policy:hover 				{text-decoration: none;}




/* Scroll to top */

.back-to-top 					{ background: var(--red); color: #ffffff; position: fixed; bottom: 20px; right: 20px; padding: 0.5em 0.8em 0.5em 0.8em; opacity: 0.5; text-decoration: none; z-index: 100;}
a.back-to-top 					{ text-decoration: none; }

.back-to-top span				{ text-indent: 100%; display: none;}
a.back-to-top:before 			{ font-family: "FontAwesome"; content: "\f077"!important; color: #ffffff;}
.back-to-top:hover 				{ opacity: 1; text-decoration: none; }




/* Breadcrumb Navi */

.breadcrumb								{ padding: 20px 20px 0px 0px; overflow: hidden; font-size: 14px;}
.breadcrumb_hint						{ text-align: left; float: left; margin-right: 10px; }
.mod_breadcrumb	li						{ text-align: left; float: left; margin-right: 10px; text-transform: uppercase; list-style: none; }
.mod_breadcrumb	ul						{ margin-left: -20px!important; }
.mod_breadcrumb	li.first:before			{ content: 'Sie befinden sich hier:'; margin-right: 10px; text-transform: none; color: var(--blue);}
.mod_breadcrumb	li a					{ text-decoration: none; color: var(--blue); pointer-events: auto; cursor: auto;}
.mod_breadcrumb	li a:hover				{ color: var(--blue);}
.mod_breadcrumb	li a:after				{ font-family: 'FontAwesome'; content: "\f105"; padding-left: 10px; font-style: normal; font-weight: normal; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.mod_breadcrumb	li.active 				{ color: var(--blue); }



/*
.mod_breadcrumb	li.last span:before 	{ font-family: 'FontAwesome'; content: "\f105"; padding-left: 10px; padding-right: 10px;font-style: normal; font-weight: normal; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }


.mod_breadcrumb	li.last span			{ display: none }

*/


/* Liste Reisekategorien */

.reisekategorien-liste	a													{ text-decoration: none }
.reisekategorien-liste	.teaser_content										{ display: none; }
.reisekategorien-liste	.teaser_inside										{ min-height: 50px; }
.reisekategorien-liste	 h3													{ padding: 10px!important; font-family: 'Ubuntu', sans-serif; font-size: 22px; font-weight: 400; letter-spacing: normal; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; color: var(--white);}

.reisekategorien-liste	h3:after											{ font-family: 'FontAwesome'; content: "\f101"; margin-left: 10px; color: #ffffff;  font-style: normal; }
.reisekategorien-liste .teaser-wrapper .teaser								{ width: 50%; margin-bottom: 25px; }


.reisekategorien-liste .teaser_title.teaser_title--overlay					{ position: relative; text-align: left; border-radius: var(--border); background: rgb(55,172,212); background: -moz-linear-gradient(90deg, rgba(55,172,212,1) 0%, rgba(28,59,110,1) 100%); background: -webkit-linear-gradient(90deg, rgba(55,172,212,1) 0%, rgba(28,59,110,1) 100%); background: linear-gradient(90deg, rgba(55,172,212,1) 0%, rgba(28,59,110,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#37acd4",endColorstr="#1c3b6e",GradientType=1);

}
.reisekategorien-liste .teaser_title.teaser_title--overlay:hover	 	{ background: var(--blue); }


.reisekategorien-liste .kat-list--kategorien								{ width: 45%; float: left; margin: 0 10px 10px 0 ; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.reisekategorien-liste .kat-list--kategorien:nth-child(2n+1)				{ clear: left; }

.reisekategorien-liste .teaser-wrapper .teaser 								{ margin-top: 0; }



/* Liste Reisekategorien Modul 


.reisekategorien-liste-modul	a													{ text-decoration: none }
.reisekategorien-liste-modul	.teaser_content										{ display: none; }
.reisekategorien-liste-modul	.teaser_inside										{ min-height: 50px; }
.reisekategorien-liste-modul	 h3													{ text-align: left; color: #e31f2f; font-size: 20px; margin: 0; margin-bottom: 15px; }

.reisekategorien-liste-modul	 h3:after											{ font-family: 'FontAwesome'; content: "\f101"; margin-left: 10px; color: #ffffff;  font-style: normal; }
.reisekategorien-liste-modul .teaser-wrapper .teaser								{ width: 100%;  margin-bottom: 0px; padding: 10px 20px }
.reisekategorien-liste-modul .teaser_title.teaser_title--overlay					{ position: relative; text-align: left; padding: 0; }


	
.teaser_title.teaser_title--overlay													{  background: rgb(55,172,212); background: -moz-linear-gradient(90deg, rgba(55,172,212,1) 0%, rgba(28,59,110,1) 100%); background: -webkit-linear-gradient(90deg, rgba(55,172,212,1) 0%, rgba(28,59,110,1) 100%); background: linear-gradient(90deg, rgba(55,172,212,1) 0%, rgba(28,59,110,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#37acd4",endColorstr="#1c3b6e",GradientType=1); transition: background-color 0.3s ease-in-out!important;}
.teaser_title.teaser_title--overlay:hover											{ background: var(--blue);}

.reisekategorien-liste-modul .teaser_title.teaser_title--overlay	 h3				{ padding: 10px!important; font-family: 'Ubuntu', sans-serif; color: #ffffff; font-size: 20px; font-weight: 300; font-style: italic; letter-spacing: normal;}
.reisekategorien-liste-modul .kat-list--kategorien									{ width: 100%; float: none; margin: 0 ; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; clear: left; }

.reisekategorien-liste-modul .teaser-wrapper .teaser 								{ margin-top: 0; }


*/







/* Liste Reiseländer */

.reiselaender-liste														{ padding-top: 80px; width: 100%; background-color: #dfdfdf; background-image: url(../img/ocean-borders.png); background-repeat: no-repeat; background-position: right center; overflow: hidden;}
.reiselaender-liste	 .mod_article										{ padding: 20px; background: #ffffff; height: 365px; overflow-x: hidden; overflow-y: scroll; margin-bottom: 40px;}
.reiselaender-liste	 .teaser_inside.teaser_inside--overlayed			{ border-radius: var(--border); background: rgb(55,172,212); background: -moz-linear-gradient(90deg, rgba(55,172,212,1) 0%, rgba(28,59,110,1) 100%); background: -webkit-linear-gradient(90deg, rgba(55,172,212,1) 0%, rgba(28,59,110,1) 100%); background: linear-gradient(90deg, rgba(55,172,212,1) 0%, rgba(28,59,110,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#37acd4",endColorstr="#1c3b6e",GradientType=1);}
.reiselaender-liste	 .teaser_inside.teaser_inside--overlayed:hover	 	{ background: var(--blue); }
.reiselaender-liste	 .teaser_title.teaser_title--overlay				{ background: transparent; position: relative; text-align: left;}
.reiselaender-liste	 .teaser_content									{ display: none;}
.reiselaender-liste	 .teaser_inside										{ min-height: 100px; }
.reiselaender-liste	 h3													{ padding: 10px!important; font-family: 'Ubuntu', sans-serif; font-size: 28px; font-weight: 400; letter-spacing: normal; color: var(--white) }
.reiselaender-liste	 h4													{ padding: 0px 0px 0px 10px!important; font-family: 'Ubuntu', sans-serif; font-size: 18px; font-weight: 400; letter-spacing: normal; color: #ffffff;}
.reiselaender-liste	 .teaser-wrapper .teaser 							{ margin-bottom: 25px;} 
.reiselaender-liste a													{ text-decoration: none;}
.reiselaender-liste .image_copyrights									{ margin-top: 0;}
.reiselaender-liste  .teaser-wrapper .teaser 							{ margin-top: 0; }





/* Reisekalender */



.reisekalender .teaser-list_divider-year			{ color: #ea690a; font-size: 40px; font-weight: 700; margin-bottom: 10px; text-align: right;}
.reisekalender .teaser-list_divider-month			{ font-size: 25px; font-weight: 400; color: #58585a; }
.reisekalender .list-item--title					{ font-size: 20px; margin: 10px 0;}
.reisekalender .teaser--reise .reise_anreiseart		{ padding: 0;}
.reisekalender .teaser--list-item .grid-x			{ align-items: center}
.reisekalender .teaser--reise .reise_next-termin	{ margin-bottom: 0;}
.reisekalender img									{ position: relative;  }
.reisekalender .line-right							{ border-right: 1px solid #babcbd;}
.reisekalender .list-item--link						{ display: inline-block; text-align: center; margin-bottom: 20px; }
.reisekalender .teaser--list-item					{ background: #ffffff; padding: 0; margin-bottom: 30px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: white; -webkit-box-shadow: 0px 0px 7px 2px rgba(122,122,122,0.5); -moz-box-shadow: 0px 0px 7px 2px rgba(122,122,122,0.5); box-shadow: 0px 0px 7px 2px rgba(122,122,122,0.5);}
.reisekalender .reise_anreiseart					{ }
.reisekalender .list-item--image					{ position: relative; }
.reisekalender .teaser--reise .reise_promotion		{ position: absolute; top: 0; left: 0; background-color: #ea690a; text-align: center; width: 100%; color: #ffffff; -webkit-box-shadow: 0px 7px 21px -9px rgba(255,255,255,1); -moz-box-shadow: 0px 7px 21px -9px rgba(255,255,255,1); box-shadow: 0px 7px 21px -9px rgba(255,255,255,1); -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;}
.reisekalender .teaser--list-item					{ overflow: hidden;}
.reisekalender a.bookmark--add,
.reisekalender a.bookmark--remove					{padding: 3px 0 0 1px;}
.reisekalender h3									{ white-space: normal}

.teaser--reise .old-price							{ position: relative; }











/* Aktuelles */

.aktuelles-liste p.info,
.layout_full p.info 											{ margin: 0px 0px 30px 0px; padding: 0; color: var(--red) }
.aktuelles-liste p.info:before,
.layout_full p.info:before 										{ font-family: 'FontAwesome'; content: "\f073"; padding-right: 10px; color: var(--red) }
.aktuelles-liste .teaser										{ min-height: 100px; margin-bottom: 25px;}
.aktuelles-liste h2	a											{ text-decoration: none; margin: 0px 0px 10px 0px; padding: 0; }


.mod_newsreader p.back											{ margin-top: 30px; }



.aktuelles-liste .pagination					{ display: none;}


.aktuelles-liste .pagination:before				{ content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.aktuelles-liste .pagination > p 				{ text-align: left; width: 30%; float: left; }
.aktuelles-liste .pagination ul 				{ width: 70%; float: right; text-align: right; }
.aktuelles-liste .pagination li 				{ display: inline-block; margin-right: 10px; }
.aktuelles-liste .pagination li a,
.aktuelles-liste .pagination li span 			{ padding: 5px 10px; background-color: #ea690a; display: block; color: #ffffff; text-decoration: none;}
.aktuelles-liste .pagination li .current 		{ background: #f39654; }


.aktuelles-liste .pagination li strong			{ padding: 5px 10px; background-color: #f39654; display: block; color: #ffffff; text-decoration: none;}




.aktuelles-liste .pagination li a:hover,
.aktuelles-liste .pagination li span:hover 	{ padding: 5px 10px; background-color: #f39654; display: block; }



.aktuelles-liste .layout_latest.arc_2			{ margin-bottom: 25px;}


.aktuelles-liste .layout_latest.arc_2 img,
.layout_full img		{ margin-bottom: 20px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d6d7d7; border-radius: 2px; background: white; background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04)); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));	background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04)); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04)); box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);}		







/* Aktuelles Liste Home */


.aktuelles										{ padding: 80px 0 }

.aktuelles h2									{ color: var(--blue); font-size: 60px; text-align: center; }

.layout_latest									{ margin: 40px 0; }
.layout_latest h3								{ font-family: 'Ubuntu', sans-serif; letter-spacing: normal; font-size: 25px; font-weight: 700; color: var(--blue); margin-bottom: 30px;}

.layout_latest h3	a							{ text-decoration: none; color: var(--blue);  }


.layout_latest p.info							{color: var(--red);}

.layout_latest p.info:before 					{ font-family: 'FontAwesome'; content: "\f073"; padding: 0 10px; color: var(--red); }
.layout_latest .teaser_inhalt					{ padding: 0 10px 10px 10px }
.layout_latest 									{ border: 1px solid var(--gray); border-radius: 2px; background: white; background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }

.layout_latest:hover, 
.layout_latest:focus 							{ background-color: rgba(204,204,204,0.1); }


.layout_latest	img								{-webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}

.layout_latest:hover	img						{ opacity: .7;  }







/* Tagesfahrten Liste Home 


.tagesfahrten-liste													{ margin: 40px 0; }
.tagesfahrten-liste h3												{ color: #e31f2f; font-size: 30px; }
.tagesfahrten-liste .teaser.teaser--reise							{ border-bottom: 1px solid #d6d7d7; width: 95%;}
.tagesfahrten-liste .teaser_inside									{ min-height: auto; }
.tagesfahrten-liste .teaser--reise .teaser_content .reise_data		{ margin-bottom: 10px; margin-top: 10px;}
.tagesfahrten-liste .reise_title									{ font-size: 18px; font-weight: 700;  overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap;}
.tagesfahrten-liste .teaser_inside.teaser_inside--linked			{ border: 0; border-radius: 0; background-image: none; box-shadow: none;}
.tagesfahrten-liste .teaser-list-wrapper							{ height: 590px; overflow-x: hidden; overflow-y: scroll;  }




.tagesfahrten-liste .reise_text										{ width: 70%; float: left; }
.tagesfahrten-liste .reise_image									{ width: 30%; float: right; }


.tagesfahrten-liste .reise_data:after						{content: " "; display: block; height: 0; clear: both; visibility: hidden; }

*/


/* Tagesfahrten Liste Modul */


.tagesfahrten-modul								{ margin-bottom: 30px;}
.tagesfahrten-modul h3							{ color: #e31f2f; font-size: 20px; margin: 0; margin-bottom: 15px; }
.tagesfahrten-modul .teaser.teaser--reise		{ border-bottom: 1px solid #d6d7d7; width: 95%;}
.tagesfahrten-modul .teaser_inside				{ min-height: auto; }
.tagesfahrten-modul .reise_subheadline			{ display: none; }
.tagesfahrten-modul .teaser--reise .teaser_content .reise_data		{ padding: 0; padding: 10px;}
.tagesfahrten-modul .reise_title				{ font-size: 16px; font-weight: 700;}

.tagesfahrten-modul .teaser_inside.teaser_inside--linked	{ border: 0; border-radius: 0; background-image: none; box-shadow: none;}


.tagesfahrten-modul .teaser-list-wrapper		 {height: 450px; overflow-x: hidden; overflow-y: scroll;  }

.tagesfahrten-modul .teaser-wrapper .teaser 	{ margin-top: 0; }





/* Reisedetail */



.reisedetail_jumper	,
.reisedetail_leistungen,
.reisedetail_hotels,
.reisedetail_downloads,
#termin,
.reisedetail_reisebeschreibung,
.reisedetail_tabelle				{margin-bottom: 25px; }


						

.ce_reisedetail	h1 					{ }
.ce_reisedetail	h2 					{ }
.ce_reisedetail	h3 					{ }






.reisecode							{ text-align: right; font-weight: 700;}




.reisedetail_jumper					{ text-align: right; }
.reisedetail_jumper					{ margin: 0 0 25px 0; font-weight: 700; text-align: right;}
.reisedetail_jumper	.days			{ font-size: 20px; line-height: 40px; color: var(--red); }
.reisedetail_jumper	.price			{ text-align: right; line-height: 40px;  color: var(--red); }
.reisedetail_jumper	.price span		{ font-size: 40px;  }
.reisedetail_jumper	 p				{ margin-top: 0; color: var(--red);}
.reisedetail_jumper	 a.button1		{ width: 100%; display: block; font-size: 20px!important; }







.reisedetail_einleitung						{ font-weight: 700; font-size: 16px; }


.reisedetail_leistungen ul,
.reisedetail_reisebeschreibung ul			{ padding-left: 3px; list-style: none}
.reisedetail_leistungen li,
.reisedetail_reisebeschreibung li			{ margin: 0 0 10px 0; padding: 0 0 0 25px; position: relative; }
.reisedetail_leistungen li:before,
.reisedetail_reisebeschreibung li:before 	{ font-size: 18px; font-family: 'FontAwesome'; content: "\f00c"; position: absolute; left: 0; color: var(--red)}




.reisedetail_downloads ul					{ list-style: none; margin-left: 0!important; padding-left: 0; }
.reisedetail_downloads li					{ margin-bottom: 10px;}
.reisedetail_downloads	a					{ background: #f39654; padding: 5px; display: block;  color: #ffffff; text-decoration: none; }
.reisedetail_downloads	a:before			{ font-family: 'FontAwesome'; content: "\f1c1"; color: #ffffff; margin-right:5px; }
.reisedetail_downloads	a:hover 			{ opacity: 0.7; -webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out; }




.reisedetail_hotels h4					{ margin: 0; padding: 0;}

.reisedetail_hotels a					{ text-decoration: underline; color: #3b3b39;}
.reisedetail_hotels a:hover,		
.reisedetail_hotels a:visited			{ text-decoration: underline; color: #e3000f;}
.reisedetail_hotels .image_container	{ position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d6d7d7; border-radius: 2px; background: white; background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04)); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));	background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04)); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04)); box-shadow: 0 0 7px rgba(0, 0, 0, 0.3); }





.reisedetail_hotels .image_container			{ margin-bottom: 20px; }

.pendel .reisedetail_hotels .image_container	{ max-width: 40%; float: right; margin-left: 20px; }
.pendel .reise-detail_hotel:after				{ content: " "; display: block; height: 0; clear: both; visibility: hidden;}
.pendel .reise-detail_hotel						{ margin-bottom: 40px; }

.pendel .reise-detail_hotel:last-child			{ margin-bottom: 0px; }




table+table				{margin-top: 0; }


.reisedetail_tabelle tabele,
.reisedetail_termine__preise table,
.reisedetail_termine__preise_pendel table								{ width: 100%; margin-bottom: 30px;}

.reisedetail_tabelle table th,
.reisedetail_termine__preise table th,
.reisedetail_termine__preise_pendel table th 							{ text-align: left; vertical-align: middle; background-color: #545453; padding: .5em; color: #fff; font-weight: 400; }

.reisedetail_tabelle table td,
.reisedetail_termine__preise table td,
.reisedetail_termine__preise_pendel table td							{ text-align: left; vertical-align: middle;}

.reisedetail_tabelle table tr td,
.reisedetail_termine__preise table tr td,
.reisedetail_termine__preise_pendel table tr td			 			{ background: #ffffff; border-bottom: 1px solid #d6d7d7;}

.reisedetail_tabelle table tr:nth-child(odd) td,
.reisedetail_termine__preise table tr:nth-child(odd) td,
.reisedetail_termine__preise_pendel table tr:nth-child(odd) td			{ background: #f8f8f8;}

.reisedetail_termine__preise .col--price,
.reisedetail_termine__preise_pendel .col--price						{ font-weight: 700;}

.reisedetail_termine__preise_pendel .month-toggler label				{ display: block; float: left; background: #e31f2f; padding: 0px 7px; margin: 5px; cursor: pointer; -webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
.reisedetail_termine__preise_pendel .month-toggler label:hover,		
.reisedetail_termine__preise_pendel .month-toggler label.js-active	{ background: #ea690a}
.reisedetail_termine__preise_pendel .pendel-toggler					{ margin-bottom: 25px;}
.reisedetail_termine__preise_pendel .pendel-toggler:after				{ content: " "; display: block; height: 0; clear: both; visibility: hidden;}
.reisedetail_termine__preise_pendel .month-toggler	label				{ color: #ffffff; }
.reisedetail_termine__preise_pendel .month-toggler	label:before		{ font-family: 'FontAwesome'; font-style: normal; font-weight: normal; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f073"; margin-right: 5px; color: #ffffff;}

.reisedetail_termine__preise_pendel .month-change-area					{clear: left; padding-top: 20px;}
.reisedetail_tabelle table thead tr th,
.reisedetail_termine__preise table thead tr th,
.reisedetail_termine__preise_pendel table thead tr th					{ border-bottom: 0;}




.ce_reisedetail.reisedetail_reise_bilder ul					{ display: flex; flex-wrap: wrap;}
.ce_reisedetail.reisedetail_reise_bilder ul li				{ flex: 1 1 calc(33.333% - 16px); box-sizing: border-box; padding: 16px; text-align: center;}






.reisedetail_reise_bilder img {position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d6d7d7; border-radius: 2px; background: white; background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04)); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));	background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04)); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04)); box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);}



.bilder-galerie												{ padding: 50px; background-color: #dfdfdf; background-image: url(../img/ocean-borders.png); background-repeat: no-repeat; background-position: right center;}
.reisedetail_reise_bilder .image_container					{ opacity: 1.0; -webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
.reisedetail_reise_bilder .image_container:hover,
.reisedetail_reise_bilder .image_container:focus			{ opacity: 0.7; }















.responsiveContainer 										{ position: relative; padding-bottom: 45%; height: 0; overflow: hidden; }
.responsiveContainer img									{ max-width: none; height: auto!important}
.responsiveContainer iframe 								{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* Termin Preis Grid	*/


.reise-detail_termine,	
.reise-detail_zusatzleistungen, 
.reise-detail_zusatzinfos 			{ margin-bottom: 30px; }



.-head									{ background-color: #545453; padding: 10px 5px; color: #fff; font-weight: 400;  }
.reise-detail_termine	.row,
.reise-detail_zusatzleistungen .row,
.reise-detail_zusatzinfos .row			{ margin: 0 0 10px 0; background: #ffffff; border-bottom: 1px solid #d6d7d7;}

.reise-detail_termine	.cell,
.reise-detail_zusatzleistungen .cell,
.reise-detail_zusatzinfos .cell			{ padding: 10px 5px; }


.-buchen								{ text-align: right; }
.-preis,
.-lei-preis								{ font-weight: 700;}






/*
.reise-buttons												{ display: flex; margin-bottom: 25px; }
.reise-buttons	a.print,
.reise-buttons	a.empfehlen									{ color: #ea690a; }
.reise-buttons	a.print:hover,
.reise-buttons	a.empfehlen:hover							{ text-decoration: none; color: #f39654; }
.reise-buttons	a.print:before								{ font-family: 'FontAwesome'; content: "\f02f"; font-size: 25px; margin-right: 5px; }
.reise-buttons	a.empfehlen:before							{ font-family: 'FontAwesome'; content: "\f003"; font-size: 25px; margin-right: 5px; margin-left: 20px;}

*/





/* Buchungsformular + Kontakt Formulare */


.buch-schritte								{ margin-bottom: 20px; background-color: #ffffff; padding: 20px 0 45px 0;}
.buch-schritte:after						{ content: " "; display: block; height: 0; clear: both; visibility: hidden;}


.progress-indicator 								{ list-style: none; width: 100%; margin: 0 auto; padding: 0; display: table; table-layout: fixed;}
.progress-indicator > li 							{ position: relative; display: table-cell; text-align: center; font-size: 1.5em; }
.progress-indicator > li span 						{ position: absolute; color: #e6e6e6; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); line-height: 1.4em; font-size: 0.875rem; letter-spacing: 0.05px; text-transform: uppercase; padding-bottom: 10px; }
.progress-indicator > li::before 					{ content: attr(data-step); display: block; margin: 0 auto; background: #e6e6e6; width: 1.5em; height: 1.5em; text-align: center; margin-bottom: 0.25em; line-height: 1.5em; border-radius: 100%; position: relative; z-index: 1; }
.progress-indicator > li::after 					{ content: ''; position: absolute; display: block; background: #e6e6e6; width: 100%; height: 0.15em; top: 50%; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); left: 50%; margin-left: 1.5em\9; z-index: 0; }
.progress-indicator > li:last-child:after 			{ display: none;}
.progress-indicator > li.is-complete 				{ color: #259f04;}
.progress-indicator > li.is-complete::before, 
.progress-indicator > li.is-complete::after 		{ color: #fefefe; background: #259f04; }
.progress-indicator > li.is-complete span 			{ color: #259f04;}
.progress-indicator > li.is-current 				{ color: #4eabe9;}
.progress-indicator > li.is-current::before 		{ color: #fefefe; background: #a5bd9e; }
.progress-indicator > li.is-current span 			{ color: #a5bd9e;}


.ce_termindetail									{ margin-bottom: 20px; }

							

.reise-data--overview,
.form-wrapper,
.booking-overview--reise,
.booking-overview--hotel,
.booking-overview--optins,
.booking-overview--personal							{ background-color: #eeeeee; padding: 25px;}



.price-calculation									{ font-weight: 700; font-size: 30px; color: var(--red); line-height: 1em; }


.form-wrapper .widget--hotel-group_hotel-name		{ margin-bottom: 15px; font-size: 18px;}


.form-wrapper	span.hotel-title,
.form-wrapper	span.hotel-price					{ display: block;}
.form-wrapper	span.hotel-title:before				{ content: 'pro Person'; margin-right: 5px;}
.form-wrapper	span.hotel-price					{ color: var(--red); font-weight: 700;}

.form-wrapper	span.zusatzleistung-price			{ color: var(--red); font-weight: 700; font-size: 20px; }



.form-wrapper span.zusatzleistung-addon 			{ display: block; float: right; }


p.error												{background-color: #e3000f;  display: inline; padding: 3px; color: #ffffff; font-size: 12px; }
p.success											{ background-color: #00963f; display: inline; padding: 3px; color: #ffffff; font-size: 13px; }



.widget--coupon label								{ font-weight: 700;}
.formbody button:disabled 							{ background: gray; opacity: 0.5!important; }




.overview--hotel						{ background-color: #eaeaea; position: relative; margin: 0 0 1rem 0; padding: 1rem; border: 1px solid rgba(10,10,10,.25); border-radius: 0;}
.overview--hotel_zimmer,				
.overview--hotel_person					{ margin-bottom: 20px;}



.reise-data--overview, 
.form-wrapper, 
.booking-overview--reise, 
.booking-overview--hotel, 
.booking-overview--optins, 
.booking-overview--personal				{ background: transparent; padding: 0;}

.booking-overview--optins ul			{ padding-left: 3px; list-style: none}
.booking-overview--optins li			{ margin: 0 0 10px 0; padding: 0 0 0 20px; position: relative; line-height: 18px; }
.booking-overview--optins li:before 	{ font-size: 18px; font-family: 'FontAwesome'; content: "\f00c"; position: absolute; left: 0; color: #00963f}



.form-wrapper a.btn						{ float: left!important; display: block!important; color: #ffffff!important}
.form-wrapper button.submit				{ display: block!important; float: right!important; }
.form-wrapper legend					{ font-weight: 700; }






select, textarea, 
input[type="text"], 
input[type="email"], 
input[type="tel"], 
input[type="password"]					{ height: 43px; }



















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

.header-left										{ text-align: left; }	
.header-left .such-teaser .widget					{ width: 12%; }	
.header-left .such-teaser .widget.widget-button		{ width: 15%; }		
	
	
	
}



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


.reiselaender-liste .teaser_title.teaser_title--overlay				{ float: none; width: 100%; }
.reiselaender-liste .teaser_content									{ display: none;}


.reiselaender-liste .teaser_inside									{ min-height: 80px;}


	
	
	
}	




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


.silhouette-slider	img					{ width: 70%!important; height: auto}



.full_inside h1,
.folge_inside h1											{ font-size: 4vh; line-height: 5vh; margin-bottom: 10px;}
.full_inside h2,
.folge_inside h2
.full_inside h2,
.folge_inside h2											{ font-size: 2.5vh; margin-bottom: 20px;}


.full_inside .content-slider .teaser-overlay,
.folge_inside .content-slider .teaser-overlay				{ margin-top: 25vh}



.ce_reisedetail.reisedetail_reise_bilder ul li				{ flex: 1 1 calc(50% - 16px) }








}



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



.hidden-page											{ display: inline-block;}




h1 								{ line-height: 2.1rem; font-size: 1.8rem; letter-spacing: 0;}
h2 								{ line-height: 2.0rem; font-size: 1.5rem; letter-spacing: 0;}
h3 								{ line-height: 1.8rem; font-size: 1.3rem; letter-spacing: 0;}
h4 								{ line-height: 1.6rem; font-size: 1.0rem; letter-spacing: 0;}





.folge-head						{ height: 200px;}
.silhouette						{ text-align: right;}
.silhouette	img					{ width: 70%; height: auto;}












.sticky-header,								
.nav-bar .offcanvas-trigger				{ height: 55px!important;}


.header-left .such-teaser,
.buchung-tel			 				{ display: none;}
.header-left							{ padding: 0; margin: 0; position: absolute; left: 0; top: 0; }

.buchung-tel-mobile						{ display: inline-block; color: #ffffff;  height: 55px; line-height: 19px; }
.buchung-tel-mobile p					{ margin: 0; padding: 0; }
.buchung-tel-mobile	 p.text				{ font-size: 15px; font-weight: 400; text-transform: uppercase; padding-left: 10px; padding-right: 10px; margin-top: 8px; }
.buchung-tel-mobile	 p.tel				{ font-size: 15px; font-weight: 400; padding-left: 40px;}
.buchung-tel-mobile	 p.text:before		{ font-size: 19px; font-family: "FontAwesome"; content: "\f086"!important; padding-top: 11px; margin-right: 10px;}
.buchung-tel-mobile	 a,					
.buchung-tel-mobile	 a:hover			{ color: #ffffff; text-decoration: none;}


.reiselaender-liste h3					{ font-size: 1.2rem!important; padding: 10px 10px 0 10px!important}
.reiselaender-liste h4					{ font-size: 1rem; }


.top-angebote							{ padding: 40px 0 20px 0;}
.crossselling							{ padding: 40px 0 20px 0; margin-top: 40px;}			


.reisekategorien-liste	h3				{ font-size: 1.2rem!important;}


.top-angebote h2,
.crossselling h2,
.reisedetail_reise_bilder h2,
.reiselaender-liste 	h2,
.aktuelles h2							{ font-size: 30px; line-height: 2.2rem }


.top-angebote h2,
.reiselaender-liste 	h2				{ margin-bottom: 40px; }

.layout_latest h3						{ font-size: 1.3rem!important;}

.breadcrumb 							{ white-space: nowrap; overflow-x: auto; }
.breadcrumb  ul li 						{ display: inline; float: none; }

.text-home h3							{ font-size: 1.5rem;  }



#footer h3								{ margin-top: 20px; margin-bottom: 20px; font-size: 1.8rem; }

.reisedetail_jumper,
.reisedetail_jumper .price						{ text-align: center; }


.teaser_title.teaser_title--overlay		{ padding: 0;}
.bild-leiste-footer						{ display: none;}









	}




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




.bilder-galerie.padding40				{ padding: 20px; }






.ce_reisedetail.reisedetail_reise_bilder ul li				{ flex: 1 1 calc(100% - 16px) }





.syndication					{ margin-bottom: 0;}

.logo	img						{ max-width: 95%!important; height: auto; }	

.image-content 					{ padding: 20px 10px;}
.padding20						{ padding: 15px 10px;}
.mod_breadcrumb ul				{ margin-left: -30px!important;}




table.reise-detail_termine 									{ display: block; } 
table.reise-detail_termine thead 							{ display: none; } 
table.reise-detail_termine tbody 							{ display: block; } 
table.reise-detail_termine tbody tr 						{ display: block; margin-bottom: 10px; } 
table.reise-detail_termine tbody tr td 						{ display: block; border-bottom: 0; border-top: 0; } 
table.reise-detail_termine tbody tr td.col--date 			{ width: 50%; float: left; position: relative; padding-top: 43px; } 
table.reise-detail_termine tbody tr td.col--date:before 	{ content: attr(data-title); position: absolute; left: 0; right: 0; top: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: #58585a; padding: 0.2em; color: #fff; font-weight: 400; } 
table.reise-detail_termine tbody tr td.col--hotel 			{ width: 50%; float: left; position: relative; padding-top: 43px; } 
table.reise-detail_termine tbody tr td.col--hotel:before 	{ content: attr(data-title); position: absolute; left: 0; right: 0; top: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: #58585a; padding: 0.2em; color: #fff; font-weight: 400; } 
table.reise-detail_termine tbody tr td.col--zimmer 			{ width: 50%; float: left; clear: left; position: relative; padding-top: 43px; } 
table.reise-detail_termine tbody tr td.col--zimmer:before 	{ content: attr(data-title); position: absolute; left: 0; right: 0; top: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: #58585a; padding: 0.2em; color: #fff; font-weight: 400; } 
table.reise-detail_termine tbody tr td.col--price 			{ width: 50%; float: left; position: relative; padding-top: 43px; } 
table.reise-detail_termine tbody tr td.col--price:before 	{ content: attr(data-title); position: absolute; left: 0; right: 0; top: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: #58585a; padding: 0.2em; color: #fff; font-weight: 400; } 
table.reise-detail_termine tbody tr td.col--booking 		{ clear: both; } 


.reisedetail_termine__preise table th,						
.reisedetail_termine__preise table td						{ }


.teaser-overlay a.hyperlink_txt,
.button1,
a.btn,
.scrollDownButton,
p.back a,
p.more a,
.formbody button,
.classButton,
button,
input[type="submit"]				{ font-size: 16px!important; letter-spacing: 0px; padding: 8px 13px; }


button.slick-next,
button.slick-prev				{ padding: 0!important;}



.reisekategorien-liste .teaser-wrapper .teaser	{ width: 100%;}	

.col--booking	a.btn			{ width: 100%; display: block; }


}





@media only screen and (max-width: 1024px) and (orientation: landscape) {


.logo	img															{ max-width: 65%; height: auto; }	
.silhouette-slider img												{ max-width: 55%!important; height: auto;}
.full_inside h1,
.folge_inside h1													{font-size: 5vh; margin-bottom: 10px;}
.full_inside h2,
.folge_inside h2
.full_inside h2,
.folge_inside h2													{ font-size: 3vh; }


}





@media only screen and (max-width: 823px) and (orientation: landscape) {
	
	
	
.content-slider														{ height: 100vh; }
.folge_inside .content-slider .ce_simpleteaserelement				{ height: 100vh;}
.folge_inside .teaser-layer--background							{ height: 100vh;}	

	
.full_inside .content-slider .teaser-overlay,
.folge_inside .content-slider .teaser-overlay						{ margin-top: 30vh; }




	
	
	
.silhouette-slider img												{ max-width: 55%!important; height: auto;}

.logo																{ width: auto; display: inline-block; text-align: left; margin-top: 70px; padding-left: 30px; }	
.logo	img															{ max-width: 60%; height: auto; }	



.full_inside h1,
.folge_inside h1													{font-size: 12vh;}
.full_inside h2,
.folge_inside h2
.full_inside h2,
.folge_inside h2													{ font-size: 5vh; }






	
	
}






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


.progress-indicator > li.is-complete,
.progress-indicator > li.is-current	{ font-size: 1.2em}
.progress-indicator > li span			{ font-size: 0.6rem; line-height: 1.6em}
.buch-schritte							{ margin-bottom: 20px;}

.reise-data--overview, 
.form-wrapper, 
.booking-overview--reise, 
.booking-overview--hotel, 
.booking-overview--optins, 
.booking-overview--personal				{ margin-bottom: 0;}


.mobile-hidden							{ display: none; }

#footer img 				{ width: 50%; height: auto; }




.reisekalender .teaser--reise .reise_anreiseart	{ padding-top: 10px;}
.reisekalender .list-item--title					{ font-size: 18px; margin: 0;}
.reisekalender .list-item--image 					{ display: none }
.reisekalender .teaser--list-item					{ padding-top: 0; }
.reisekalender .grid-margin-y>.cell				{ margin-top: 0;}

.reisekalender .line-right							{ border-right: 0;}
.reisekalender .cell.small-12						{ text-align: left; }





}