@charset "UTF-8";

/**
  * CSS 
  * for responsive layout
*/
/*******************************************************/  

@media all {

	.t3primarix_liste_box_mobil_button,
	#c10228,
	.html5lightbox,
	#social-share,
	.t3_primarix_sliderimages {
		display: none;
	}
	
	/* icomoon */ 
	@font-face {
		font-family: 'icomoon';
		src: url('/fileadmin/templates/fonts/icomoon.eot?-pox96g');
		src: url('/fileadmin/templates/fonts/icomoon.eot?#iefix-pox96g') format('embedded-opentype'), url('/fileadmin/templates/fonts/icomoon.woff?-pox96g') format('woff'), url('/fileadmin/templates/fonts/icomoon.ttf?-pox96g') format('truetype'), url('/fileadmin/templates/fonts/icomoon.svg?-pox96g#icomoon') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	.icon:before,
	.icon:after {
		font-family: 'icomoon';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
}

/* all mobile devices */  
@media all and (max-width: 1024px) {

	html {
		width: 100%;
	}

	body {
		background: #fff;
		font-size: 0.9em;
	}

	h1,
	 h1 a,
	 h1 a,
	 h2,
	 h2 a {
		font-size: 1.15em;
	}

	/* pageframe */
	#pageFrame,
	#mainContent,
	#mainFooter {
		width: 100%;
		margin: 0;
		padding: 0;
		background-image: none;
		background-color: #fff;
		display: block;
	}

	#mainHeader {
		width: 100%;
		height: 46px;
		background-image: none;
		background-color: #000;
		display: block;
	}

	#mainHeader .subHeader {
		width: 100%;
		height: 46px;
		background-color: #000;
		position: fixed;
		z-index: 999;
	}

	#mainHeader .bottomHeader {
		/*
	    width:100%;
	    height:auto;
	    */
		display: none;
	}

	#mainHeader .subHeader div.serviceNavigation,
	#mainHeader .bottomHeader div.preisrechner {
		display: none;
	}

	#mainHeader .bottomHeader div.slider {
		padding: 0;
		display: block;
		height: auto;/*height:120px;*/
	}

	#mainHeader .bottomHeader div.slider ul.galerie {
		height: auto !important;
		display: block;
	}

	#mainHeader .bottomHeader div.slider ul.galerie li {
		width: 100%;
		height: auto;
		display: block;
	}

	.slider ul.galerie img {
		width: 100%;
		height: 37%;
		display: block;
	}

	#mainHeader .subHeader div.botgLogo {
		width: 120px;
		float: none;
		margin: auto;
		padding: 0;
	}

	#mainHeader .subHeader div.botgLogo a img {
		width: 114px;
		padding: 6px 0 0 7px;
	}

	/* Spalten */
	#mainContent {
		float: left;
		padding-bottom: 20px;
		margin-bottom: 10px;
		border-bottom: 1px solid #C7C7C7;
	}

	#mainContent div.navigationRow,
	#mainContent div.marginalRow,
	#mainContent div.contentRowWidth div.breadCrumb,
	#mainContent div.contentRow div.breadCrumb {
		display: none;
	}
	
	#mainContent div.contentRow,
	#mainContent div.contentRowWidth div.resultRow div.orderOfList,
	#mainContent div.contentRow div.resultRow div.orderOfList,
	#mainContent div.contentRow div.resultRow,
	#mainContent div.contentRow div.newsRow {
		width: 100%;
	}

	#mainContent div.contentRowWidth div.boxWithBackground,
	#mainContent div.contentRow div.boxWithBackground {
		width: 100%;
		margin: 10px 0 0 0;
		padding: 0 0 10px 0;
	}

	#mainContent div.contentRowWidth div.boxWithBackground p,
	#mainContent div.contentRow div.boxWithBackground p,
	#mainContent div.contentRowWidth div.boxWithBackground h3,
	#mainContent div.contentRow div.boxWithBackground h3 {
		padding: 0 10px 0 10px;
	}

	.newsRow h1,
	.boxWithBackground h3 {
		margin-left: 0px;
	}

	#mainContent div.contentRow div.newsRow div.newsItem div.newsBlock {
		margin: 0 0 5px 10px;
		float: none;
		width: 92%;
	}

	#mainContent .contentRowWidth .csc-default .newsRow .newsItem .newsBlock h1,
	#mainContent div.contentRow div.newsRow div.newsItem div.newsBlock h1 {
		padding-bottom:10px
	}

	#mainContent div.contentRowWidth div.newsRow div.newsItem div.newsImage,
	#mainContent div.contentRow div.newsRow div.newsItem div.newsImage {
		width: 35%;
		overflow:visible;
		height: auto;
	}

	/* Selektor */

	.t3primarix_liste_box {
		display: none;
	}

	.t3primarix_liste_box_mobil_button .icon {
		font-family: 'icomoon';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.t3primarix_liste_box_mobil_button span.icon:before {
		content: "\e900";
		font-size: 2em;
	}

	.t3primarix_liste_box_mobil_button {
		float: right;
		border-radius: 10px;
		cursor: pointer;
		color: #000000;
		text-align: center;
		padding: 10px;
		display: block;
		position: absolute;
		right: 0;
	}

	#t3p-filter.t3p_open .t3primarix_liste_box {
		display: block;
	}

	#t3p-filter.t3p_open {
		position: absolute;
		width: 45%;
		z-index: 600;
		right: 0;
		background-color: #FFFFFF;
		border: 1px solid #000000;
		border-top: none;
		border-right: none;
		border-radius: 0 0 0 5px;
	}

	#mainContent div.contentRow div.t3primarix_liste_box form {
		width: auto !important;
		padding: 10px 20px 10px 10px;
	}

	#mainContent div.contentRowWidth div.t3primarix_liste_box form fieldset,
	#mainContent div.contentRow div.t3primarix_liste_box form fieldset {
		float: none;
	}

	#mainContent div.contentRow #t3p-filter.t3p_open div.t3primarix_liste_box form label,
	#mainContent div.contentRow #t3p-filter.t3p_open div.t3primarix_liste_box form select,
	#mainContent div.contentRow #t3p-filter.t3p_open div.t3primarix_liste_box form input {
		float: left;
		clear: both;
		padding: 3px;
		width: 80% !important;
	}

	#mainContent div.contentRowWidth div.t3primarix_liste_box form fieldset input.submit,
	#mainContent div.contentRow div.t3primarix_liste_box form fieldset input.submit {
		margin-left: 0 !important;
		padding: 3px;
	}

	/* Teaser Sort */
	#mainContent div.contentRow div.resultRow {
		margin: 8px 0 0 0;
	}

	#mainContent div.contentRowWidth div.t3primarix_liste div.tx-geosearch-pi1-found,
	#mainContent div.contentRow div.t3primarix_liste div.tx-geosearch-pi1-found {
		width: 65px;
	}
	
	#mainContent div.contentRowWidth div.resultRow div.orderOfList,
	#mainContent div.contentRow div.resultRow div.orderOfList {
		padding: 0;
	}	

	/* Teaser */
	#mainContent div.contentRow div.t3primarix_liste {
		width: 100%;
	}

	#mainContent div.contentRowWidth div.t3primarix_liste div.primarix_thumbnail img,
	#mainContent div.contentRow div.t3primarix_liste div.primarix_thumbnail img {
		width: 88%;
		height: auto;
		border: none;
	}

	#mainContent div.contentRow div.t3primarix_liste div.textBlock {
		margin: 0;
	}

	/* Footer */
	#mainFooter div.primarix {
		padding: 0 0 0 10px;
	}
	
	#mainFooter div.rightPrimarix {
		width: 90%;
		padding: 0 0 0 10px;
	}

	.csc-default h1,
	.csc-default h2,
	.csc-default h3 {
		margin-top: 10px;
	}

	.csc-default {
		padding: 0 10px 0 10px;
	}	

	.slider .csc-default {
		padding: 0px;
	}	

	.wb-responsive-menu,
	.wb-responsive-menu ul {
		margin: 0 !important;
	}

	.csc-default .bodytext {
		width: 80%;
	}

	#mainContent div.contentRowWidth div.news-single-item div.subheader,
	#mainContent div.contentRow div.news-single-item div.subheader,
	div.csc-textpic .csc-textpic-imagewrap .csc-textpic-firstcol {
		margin-left: 10px;
	}

	.csc-textpic-image img {
		width: 100%;
		height: auto;
	}	

	#mainContent div.contentRow .csc-default iframe {
		width: 100%;
	}

	#mainContent div.contentRow form,
	#mainContent div.contentRow ol li {
		width: 100%;
	}

	/*Angebote*/
	.abstractText p {
		padding: 0px;
	}

	/*NEWs*/
	#mainContent div.contentRowWidth,
	#mainContent div.contentRowWidth div.newsRow,
	#mainContent div.contentRowWidth div.newsRow div.newsItem div.newsBlock {
		width: 100%;
	}

	#mainContent div.contentRowWidth div.newsRow div.newsItem div.newsBlock {
		float: none;
	}

	.newsImage,
	.newsBlock {
		margin: 0 0 10px 0 !important;
		padding: 0;
	}

	.newsImage img {
		width: 88%;
		overflow:visible;
		height: auto;
	}

	.newsBlock h1,
	.newsBlock .abstractText {
		margin: 0 10px 10px 0;/*width:80%;*/
	}

	.news-single-backlink {
	margin-left: 10px;
	}

	/*Newsletter*/
	.csc-default .nl_bereich2 {
		margin-left: 10px;
	}

	.news-abbestellen,
	.news-required-field {
		margin-left: 10px;
	}

	.nl_bereich2 form input {
		margin-left: 0px !important;
	}

	#news-form .news-form-content input[type="submit"],
	.nl_bereich2 form input[type="submit"] {
		width: 40% !important;
	}

	/*Primarix*/
	#mainContent div.contentRow div.t3primarix_details div.t3primarix_headertext {
		font-size:1.3em;
	}
	
	.html5lightbox {
		display:inherit;
	}
	
	.t3primarix_seite {
		float:none;
		clear:none;
	}
	
	#mainContent div.contentRow div.t3primarix_liste div.textBlock {
		width:55%;
	}

	#mainContent div.contentRowWidth div.t3primarix_liste div.primarix_thumbnail,
	#mainContent div.contentRow div.t3primarix_liste div.primarix_thumbnail {
		overflow: visible;
		margin-right:16px;
		width:40%;
		-webkit-box-shadow: 0 5px 20px 0 #757575;
		box-shadow: 0 5px 20px 0 #757575;
	}

	#mainContent div.contentRow div.t3primarix_details {
		width: 100% !important;
	}

	#mainContent .t3primarix_liste .styledForm input[type="image"] {
		margin: 0px;
		padding: 0px !important;
	}
	
	#mainContent .contentRow .t3primarix_headertext h1 {
		margin-left: 0px;
	}
	
	#mainContent div.contentRow .csc-textpic-text .t3primarix_header_subline p.bodytext {
		padding: 0px;
	}

	#mainContent div.contentRow div.t3primarix_details .reisespecialzeiten {
		padding: 0;
	}

	#mainContent div.contentRow div.primarix_navplugin {
		display: none;
		width: 100%;
		border-left: none;
		border-right: none;
		border-bottom: 1px solid rgb(236, 235, 236);
		border-top: 1px solid rgb(236, 235, 236);
	}

	#mainContent div.contentRow .primarix_navplugin_mobile {
		display: inline;
	}

	#mainContent div.contentRow .primarix_navplugin_mobile ul {
		list-style: none;
		margin: 0;
	}

	#mainContent div.contentRow .primarix_navplugin_mobile ul li {
		font-size: 1.2em;
		padding-top: 5px;
	}

#mainContent div.contentRow .t3primarix_reisedaten_mobile {
	display: inherit;
}

#mainContent div.contentRow .primarix_navplugin_mobile .reiseID.icon:before,
#mainContent div.contentRow .primarix_navplugin_mobile .anfrage.icon:before,
#mainContent div.contentRow .primarix_navplugin_mobile .merkliste.icon:before,
#mainContent div.contentRow .primarix_navplugin_mobile .zurueckZurListe.icon:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	padding-right: 5px;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#mainContent div.contentRow .primarix_navplugin_mobile .zurueckZurListe.icon:before {
	content: "\e80b";
}

#mainContent div.contentRow .primarix_navplugin_mobile .merkliste.icon:before {
	content: "\e80c";
}

#mainContent div.contentRow .primarix_navplugin_mobile .anfrage.icon:before {
	content: "\e804";
}

#mainContent div.contentRow .primarix_navplugin_mobile .reiseID.icon:before {
	content: "\e806";
}

#mainContent div.contentRow table.specialzeitenFet {
	width: 100%;
}

.preistabelle {
	overflow: auto;
}

.t3primarix_header img {
	margin: 0 0 5px 0;
}

/*social-share*/

.social-share-OPCL-button div {
	display: none;
}

#social-share {
	display: inherit;
}

#social-share .social-buttons iframe,
 #social-share .social-buttons {
	visibility: hidden !important;
}

div#social-share {
	z-index: 600;
	position: absolute;
	right: 0;
}

#social-share.t3p_open .social-buttons {
	padding: 10px;
}

#social-share.t3p_open .tw-tweet-button,
 #social-share.t3p_open .google-plus-share-button {
	margin-top: 10px;
}

div#social-share.t3p_open {
	width: 130px;
	background-color: #000000;
	color: #FFFFFF;
	border-radius: 5px 0 0 5px;
}

#social-share.t3p_open .social-share-OPCL-button {
	color: #FFFFFF;
}

#social-share.t3p_open .social-buttons iframe,
 #social-share.t3p_open .social-buttons {
	visibility: visible !important;
}

.social-share-OPCL-button {
	text-align: center;
	position: absolute;
	right: 0;
	color: #000000;
	padding: 10px;
}

.social-share-OPCL-button span.icon:before {
	content: "\e901";
	font-size: 2em;
}

/*Angebot - Merkliste*/
/*Powermail*/

.tx-powermail .powermail_fieldset .powermail_fieldwrap_content {
	width: 80%;
}

.tx-powermail .powermail_fieldset .powermail_fieldwrap_check {
	float: left;
	margin-left: 6%;
}

.powermail_fieldset .csc-textpic-text,
.tx-powermail {
	width: 100%;
}

.tx-powermail .powermail_fieldset {
	padding: 0 !important;
}

.tx-powermail .csc-textpic-center-outer {
	width: 30%;
}

.tx-powermail .csc-textpic-center-inner,
.tx-powermail .csc-textpic-image {
	width: 100%;
}

.powermail_fieldset img {
	width: 85% !important;
	height: auto !important;
	margin: 15px 10px 10px 10px;
}

.powermail_check_inner input {
	margin: 5px 0 15px 0!important;
}

.tx-powermail .powermail_fieldset .powermail_fieldwrap_check fieldset {
	margin: 0;
	text-align: center;
	width: 100%;
}

.tx-powermail .powermail_fieldset .powermail_check_legend {
	width: 100%;
}

.powermail_fieldset_3 .powermail_fieldwrap label {
	margin: 0 0 2px 10px;
}

.powermail_fieldset_3 .powermail_fieldwrap {
	width: 100%;
}

.powermail_fieldset_3 .powermail_label {
	width: 95% !important;
}

.powermail_fieldset_3 .powermail_input,
.powermail_fieldset_3 .powermail_textarea,
.powermail_fieldset_3 .powermail_captcha {
	width: 90% !important;
	float: left !important;
	margin-left: 10px !important;
}

.powermail_fieldset_3 .powermail_select,
.powermail_fieldset_3 .powermail_submit {
	float: left !important;
	margin-left: 10px !important;
}

/*Slider*/
.t3_primarix_sliderimages {
	display: block;
	margin-bottom: 12px;
}

#slider1_container {
/*background-color: black !important;*/
}

#slider1_container .sliderbu {
	display: block;
	position: absolute;
	top: 322px;
	left: 24px;
	width: 94%;
	height: 80px;
	margin: auto;
	padding-top: 1px;
	text-align: center;
	z-index: 999;/*
  border: 0px dotted red;
	background: rgba(5, 5, 5, 0.6); 
  */
}

#slider1_container .navigator {
	top: 346px;
  width:360px !important;
  left:160px !important;
}

#slider1_container .sliderbu p {
	color: white;
	font-weight: bold;
	font-size: 1.2em;
}

.t3primarix_stars {
	margin: 2px 0 6px 0;
}

/*Kontakt*/
.tx-mlmaps-pi1 {
	width: 100%;
	margin: 10px 0 0 10px;
	overflow: auto;
}

	/*SONSTIGES*/
	#mainContent div.contentRow div.resultRow div.orderOfList form.styledForm {
		width: 100%;
	}

	#c1214 {
		display: none;
	}

	#c10228 {
		display: block;
	}

	/*Kontakt*/
	#mainContent .botg_kontakt div {
		width: 100%;
	}

	/*Newsletter*/
	#mainContent .news-form-content {
		padding: 5px;
	}

	/* tt_news social share*/
	.newsRow .social-share-list .fb-share-button,
	.newsRow .social-share-list .tw-tweet-button,
	.newsRow .social-share-list .google-plus-share-button {
		margin-bottom: 10px;
	}

	.newsRow .social-share-list .fb-share-button {
		padding-right: 10px;
	}

	#pageFrame #mainContent .news-single-item {
		width: 100%;
	}

	#pageFrame #mainContent .news-single-item p {
	}

	#pageFrame #mainContent .news-single-item .subheader {
		margin: 0;
	}

	#pageFrame #mainContent .news-single-item .newsImage {
		display: none;
	}

	.news-single-item .social-share-single .fb-share-button {
		padding-left: 10px;
	}

	.t3p_cover {
		height:190px;
	}

	.html5lightbox div {
		padding:6px;
	}
	
	#mainContent div.contentRow {
		width:100% !important;
	}
	
	.csc-textpic-intext-right div.csc-textpic-imagewrap {
		width:30%;
	}
	
	.csc-textpic-intext-right .csc-textpic-imagerow,
	.csc-textpic-intext-right .csc-textpic-imagecolumn,
	.csc-textpic-intext-right .csc-textpic-imagerow .csc-textpic-last table,
	.csc-textpic-intext-right .csc-textpic-imagewrap .csc-textpic-last table {
		margin:0 !important;
		padding:0;
		width:100%;
	}

}

/*******************************************************/ 
 /* Tablet quer */ 
@media all and (max-width: 1024px) and (min-width: 769px) {

	#mainContent .botg_kontakt div {
		width: 50%;
	}
}

/*******************************************************/ 
/* Tablet hoch, Smartphone quer */ 
@media all and (max-width: 768px) and (min-width: 481px) {
}

/*******************************************************/ 
@media all and (max-width: 768px) and (min-width: 600px) {

	#t3p-filter.t3p_open {
		width: 50%;
	}
}

@media all and (max-width: 599px) and (min-width: 481px) {

	#t3p-filter.t3p_open {
		width: 65%;
	}
}

/*******************************************************/
/* Smartphone hoch <=480px */ 
/*
@media all and (max-width: 480px) and (min-width: 361px)
{

}
*/

/*******************************************************/ 
/* Smartphone hoch <=480px */ 
@media all and (max-width: 480px) and (min-width: 299px) {
	
	.html5lightbox div {
		padding:8px;
	}

	#mainContent div.contentRowWidth div.t3primarix_liste div.primarix_thumbnail,
	#mainContent div.contentRow div.t3primarix_liste div.primarix_thumbnail,
	#mainContent div.contentRowWidth div.t3primarix_liste div.primarix_thumbnail img,
	#mainContent div.contentRow div.t3primarix_liste div.primarix_thumbnail img {
		width: 100%;
	}

	#mainContent div.contentRowWidth div.t3primarix_liste div.textBlock div.t3primarix_liste_title,
	#mainContent div.contentRow div.t3primarix_liste div.textBlock div.t3primarix_liste_title {
		margin-top: 10px;
	}

	#mainContent div.contentRow div.t3primarix_details div.t3primarix_headertext,
	#mainContent div.contentRow .t3primarix_reisedaten_mobile,
	#mainContent div.contentRow div.t3primarix_details div.t3primarix_text {
		width: auto;
	}

	#mainContent div.contentRow div.t3primarix_details div.t3primarix_header_subline {
		width: 80%;
	}

	.tx-powermail .powermail_fieldset .powermail_fieldwrap_content {
		width: 100%;
	}

	.tx-powermail .powermail_fieldset .powermail_fieldwrap_check {
		float: none;
		margin-left: 0;
	}

	#mainContent div.contentRow select,
	#pageFrame #news-form .news-form-content input,
	texarea,
	select {
		width: 80%;
	}

	.csc-default .bodytext,
	#mainContent div.contentRow div.t3primarix_liste div.textBlock {
		width: auto;
	}

	#mainContent div.contentRow div.t3primarix_details div.t3primarix_text {
		width: auto !important;
	}

	.newsBlock h1,
	.newsBlock .abstractText {
		width: auto !important;
		margin: 0 !important;
	}

	/*Selector*/
	#t3p-filter.t3p_open {
		width: 100%;
		border-left: none;
		border-radius: 0 0 5px 5px;
		border-right: none;
	}
	
	.newsImage img,
	#mainContent div.contentRowWidth div.newsRow div.newsItem div.newsImage,
	#mainContent div.contentRow div.newsRow div.newsItem div.newsImage {
		width: 100%;
	}
	
	#mainContent .contentRow .csc-textpic-intext-right .csc-textpic-imagewrap {
		width:30%;
	}
	
	.csc-textpic.csc-textpic-left .csc-textpic-imagecolumn {
		width:100%;		
	}
	
}
/*******************************************************/ 

/*iPhone 5/5s - Landscape*/
@media only screen 
and (device-width : 320px) 
and (device-height : 568px)
and (orientation : landscape) {
	.t3primarix_liste_text,
	.bodytext, .abstractText,
	.t3primarix_liste_subline,
	.botg_plzsearch, h5,
	.tx-lumophpinclude-pi1 form#formular label,
	.tx-lumophpinclude-pi1 form#formular u,
	.primarix_navplugin_mobile span,
	.primarix_navplugin_mobile a, 
	.t3primarix_text {
		font-size:0.5em !important;
		line-height:12px !important;
	}
	
	.botg_kontakt h1,
	.csc-header h1,
	.tx-lumophpinclude-pi1 form#formular h2,
	.botg_plzsearch h1 {
		font-size:0.8em !important;
		line-height:15px !important;
	}
	
	h3,
	.powermail_label,
	.tx-lumophpinclude-pi1 form#formular p,
	.tx-lumophpinclude-pi1 form#formular a,
	.newsBlock a,
	.t3primarix_liste_title,
	.t3primarix_header {
		font-size:0.6em !important;
		line-height:13  px !important;
	}	
}

/*******************************************************/ 

/*iPhone 4/4s - Landscape*/
@media only screen 
and (device-width : 320px) 
and (device-height : 480px)
and (orientation : landscape) {
	.t3primarix_liste_text,
	.bodytext, .abstractText,
	.t3primarix_liste_subline,
	.botg_plzsearch, h5,
	.tx-lumophpinclude-pi1 form#formular label,
	.tx-lumophpinclude-pi1 form#formular u,
	.primarix_navplugin_mobile span,
	.primarix_navplugin_mobile a, 
	.t3primarix_text {
		font-size:0.5em !important;
		line-height:12px !important;
	}
	
	.botg_kontakt h1,
	.csc-header h1,
	.tx-lumophpinclude-pi1 form#formular h2,
	.botg_plzsearch h1 {
		font-size:0.8em !important;
		line-height:15px !important;
	}
	
	h3,
	.powermail_label,
	.tx-lumophpinclude-pi1 form#formular p,
	.tx-lumophpinclude-pi1 form#formular a,
	.newsBlock a,
	.t3primarix_liste_title,
	.t3primarix_header {
		font-size:0.6em !important;
		line-height:13  px !important;
	}	
}