/* 181 // template/181.css // ncf_tcc_Cache_template/181.css */BODY{margin:0;padding:0;}#page{font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;}#page .clear{clear:both;font-size:1px;line-height:0;height:0;overflow:hidden;}#page .clear DIV{display:inline;}.clickable,#page A[href]{cursor:pointer;}* HTML #page A{cursor:pointer;}#location{display:none;}* HTML .paragraph_container{zoom:1;}* HTML .paragraph_container_inner{zoom:1;}* HTML .paragraph_content{zoom:1;}* HTML .paragraph_content_inner{zoom:1;}*+HTML .paragraph_container{min-height:1px;}*+HTML .paragraph_container_inner{min-height:1px;}*+HTML .paragraph_content{min-height:1px;}*+HTML .paragraph_content_inner{min-height:1px;}.hidden{display:none;}SPAN.u{text-decoration:underline;}SPAN.strike{text-decoration:line-through;}IMG{border:0;}.paragraph_logo A{cursor:pointer;text-decoration:none;}.paragraph_content{line-height:150%;}.paragraph_headline{line-height:180%;}#page H1{font-size:18px;padding:7px 0 7px 0;margin:0;}#page H2{font-size:14px;padding:4px 0 4px 0;margin:0;}#page H3{font-size:12px;padding:4px 0 4px 0;margin:0;}#page H4,#page H5,#page H6{font-size:11px;padding:3px 0 3px 0;margin:0;}#page H1 A,#page H2 A,#page H3 A,#page H4 A,#page H5 A,#page H6 A{text-decoration:none;}#page .h A.outer{display:block;text-decoration:none;}DIV.paragraph_content P{margin:0;padding:4px 0 5px 0;}.paragraph_button A{display:block;text-decoration:none;overflow:hidden;}.paragraph_button A SPAN.outer{display:none;padding:2px;}.right .paragraph_button_inner A{margin-left:auto;}.center .paragraph_button_inner A{margin:auto;}.right .paragraph_image_inner{text-align:right;}.right .paragraph_image_inner P{margin-left:auto;}.paragraph_image.left{text-align:left;}.paragraph_image.center{text-align:center;}.center .paragraph_image_inner,.center .paragraph_image_inner P{text-align:center;margin:auto;}* HTML .paragraph_image{zoom:1;}.paragraph_imagetext DIV.image_container P,.paragraph_image .image_container P{margin-top:0;margin-bottom:0;padding:5px 0 5px 0;}.paragraph_imagetext DIV.image_container P SPAN.outer,.paragraph_image P SPAN.outer{padding:0 5px 0 5px;display:block;}.paragraph_imagetext DIV.image_container_inner{padding-bottom:10px;}.paragraph_imagetext_inner{min-height:1px;}.right .paragraph_imagetext_inner DIV.image_container{float:right;}* HTML .right .paragraph_imagetext_inner{text-align:left;}.right .paragraph_imagetext_inner DIV.image_container_inner{margin-left:10px;}.left .paragraph_imagetext_inner DIV.image_container{float:left;}.left .paragraph_imagetext_inner DIV.image_container_inner{margin-right:10px;}.left .paragraph_imagetext_inner DIV.text UL,.left .paragraph_imagetext_inner DIV.text OL{display:table;}* HTML .left .paragraph_imagetext_inner DIV.text UL{display:inline-block;}* HTML .left .paragraph_imagetext_inner DIV.text OL{display:inline-block;}*+HTML .left .paragraph_imagetext_inner DIV.text UL{display:inline-block;}*+HTML .left .paragraph_imagetext_inner DIV.text OL{display:inline-block;}.paragraph_flash .flash_element{overflow:hidden;}.center .paragraph_flash_inner .flash_element{margin:auto;}.right .paragraph_flash_inner .flash_element{margin-left:auto;}.paragraph_download .download_description A{display:block;padding-right:90px;text-decoration:none;}.paragraph_download SPAN.size A{text-decoration:none;}.download_icon .download_info,.download_icon .zip,.download_icon .exe,.download_icon .pdf,.download_icon .wmv,.download_icon .pdf{padding:0;background-image:url(/img/page/download_icons_1.png);background-repeat:no-repeat;min-height:42px;}* HTML .download_icon .download_info,* HTML .download_icon .zip,* HTML .download_icon .exe,* HTML .download_icon .pdf,* HTML .download_icon .wmv,* HTML .download_icon .pdf{padding:0;background-image:url(/img/page/download_icons_1.gif);background-repeat:no-repeat;min-height:42px;}.download_icon .bmp,.download_icon .png,.download_icon .jpg,.download_icon .gif,.download_icon .swf,.download_icon .flv,.download_icon .tif{padding:0;background-image:url(/img/page/download_icons_2.png);background-repeat:no-repeat;}* HTML .download_icon .bmp,* HTML .download_icon .png,* HTML .download_icon .jpg,* HTML .download_icon .gif,* HTML .download_icon .swf,* HTML .download_icon .flv,* HTML .download_icon .tif{padding:0;background-image:url(/img/page/download_icons_2.gif);background-repeat:no-repeat;}.download_icon .doc,.download_icon .xls,.download_icon .rar,.download_icon .html{padding:0;background-image:url(/img/page/download_icons_3.png);background-repeat:no-repeat;}* HTML .download_icon .doc,* HTML .download_icon .xls,* HTML .download_icon .rar,* HTML .download_icon .html{padding:0;background-image:url(/img/page/download_icons_3.gif);background-repeat:no-repeat;}.download_icon .download_info SPAN.title A,.download_icon .download_info SPAN.size A,.download_icon .download_description A{padding-left:40px;display:block;}.download_icon .download_info SPAN.size{font-size:.8em;}.download_description P{padding:0 0 5px 0;}.download_icon .png{background-position:-1000px 0;}.download_icon .jpg{background-position:-2000px 0;}.download_icon .gif{background-position:-3000px 0;}.download_icon .swf{background-position:-4000px 0;}.download_icon .tif{background-position:-5000px 0;}.download_icon .bmp{background-position:0 0;}.download_icon .xls{background-position:-1000px 0;}.download_icon .exe{background-position:-2000px 0;}.download_icon .pdf{background-position:-3000px 0;}.download_icon .wmv{background-position:-4000px 0;}.download_icon .flv{background-position:-4000px 0;}.download_icon .html{background-position:-3000px 0;}.download_icon .doc{background-position:0 0;}.download_icon .rar{background-position:-2000px 0;}.download_icon .zip{background-position:-1000px 0;}.download_icon .mp3{background-position:-3000px 0;}.cols .paragraph_content_structure_inner .paragraph_text_inner{padding-right:10px;}.paragraph_view_events_normal .event .event_image{display:inline;float:left;margin:0 10px 0 0;}.paragraph_view_events_normal .event .event_description{display:inline;}.paragraph_view_events_normal .event .event_subtitle{font-weight:bold;}.paragraph_view_events_normal .event{margin-top:10px;}.paragraph_view_events_normal .events{overflow:hidden;}.paragraph_view_events_normal .event_date{float:left;display:inline;text-align:left;}.paragraph_view_events_normal .event_location{float:right;display:inline;white-space:nowrap;}.paragraph_view_events_normal .event_title{clear:both;}* HTML .paragraph_view_events_normal .event_title{height:1px;}*+HTML .paragraph_view_events_normal .event_title{min-height:1px;}.imprint .imprint_part,.imprint .imprint_item_outer{padding-bottom:5px;}.imprint .label{font-weight:bold;}.imprint .label,.imprint .content{display:block;}.imprint .imprint_address_outer,.imprint .imprint_zip_city_outer{margin-top:-5px;}.imprint .imprint_address_outer .label,.imprint .imprint_zip_city_outer .label,.imprint .imprint_disclaimer_outer .label{display:none;}.imprint .imprint_disclaimer_outer .content{font-weight:bold;}.paragraph_address{line-height:150%;}.paragraph_address SPAN.address_item{white-space:nowrap;}#newsletter_info_display_problems{float:left;margin-top:-1000px;}.paragraph_newsletter FORM{margin:0;}.newsticker_direction_horizontal .newsticker{height:20px;}.newsticker_direction_horizontal .newsticker_content{white-space:nowrap;}.newsticker_direction_horizontal .newsticker_item{padding:0 25px;border-right:1px solid #000;}.newsticker_direction_horizontal .newsticker_item_first{padding-left:0;}.newsticker_direction_horizontal .newsticker_item_last{padding-right:0;border-right:0;}.newsticker_direction_vertical .newsticker{height:50px;}.newsticker_direction_vertical .newsticker_content{width:100%;}.newsticker_direction_vertical .newsticker_item{display:block;padding:15px 0;border-bottom:1px solid #000;}.newsticker_direction_vertical .newsticker_item_first{padding-top:0;}.newsticker_direction_vertical .newsticker_item_last{padding-bottom:0;border-bottom:0;}#content DIV.news_title H3 A:link,#content DIV.news_title H3 A:visited,#content DIV.news_title H3 A:active{color:#000;}DIV.news_image{float:left;padding-right:5px;padding-bottom:5px;}DIV.news_title{display:inline-block;clear:both;width:80%}* HTML DIV.news_title{zoom:1;}*+HTML DIV.news_title{zoom:1;}SPAN.news_title_outer{display:block;}* HTML SPAN.news_title_outer{float:left;}*+HTML SPAN.news_title_outer{float:left;}SPAN.news_date_outer{float:left;display:block;padding:0 10px 0 0;}.news_location{width:20%;float:right;padding:5px 0 5px 0;text-align: right;}DIV.news_subtitle{text-align:left;clear:both;}DIV.news_content{display:block;padding:5px 0 5px 0;}DIV.news_item{clear:both;}.feed_item_title{font-weight:bold;}* HTML #page FORM{zoom:1;}*+HTML #page FORM{zoom:1;}#page FORM DIV.formElementContent TEXTAREA,#page FORM DIV.formElementContent INPUT,#page FORM DIV.formElementContent BUTTON{width:100%;}#page FORM .submit DIV.formElementContent INPUT,#page FORM .submit DIV.formElementContent BUTTON{width:60%;}#page .paragraph_contact .contact_form{width:95%;}#page DIV.formElement,#page DIV.formElementContent{white-space:nowrap;}#page DIV.formElementContent .elementErrorMessage{white-space:normal;}#page DIV.group DIV.formElementContent DIV{display:block;}#page DIV.formElementDescription{width:25%;float:left;white-space:normal;}#page DIV.formElementContent{width:74%;float:right;}#page DIV.formElement{clear:both;padding:5px 0 5px 0;font-size:11px;}* HTML #page FORM DIV.address{display:inline-block;}#page FORM DIV.address DIV.formElementDescription{display:none;}#page FORM DIV.address DIV.group DIV.formElementDescription{display:block;}#page FORM DIV.address DIV.formElementDescription{width:100%;}#page FORM DIV.address DIV.formElementContent{width:100%;}#page FORM DIV.address DIV.formElementContent DIV.formElementContent{width:74%;}#page FORM DIV.address DIV.formElementContent DIV.formElementDescription{width:25%;}#page FORM .streetnumber .input_street{float:left;width:74%;display:block;}#page FORM .streetnumber .input_number{float:right;width:22%;display:block;}#page FORM DIV.streetnumber SPAN.input_number INPUT.number,#page FORM DIV.streetnumber SPAN.input_street INPUT.street{width:100%!important;}#page FORM DIV.tckDisclaimer .formElementDescription,#page FORM DIV.checkboxnote .formElementDescription{display:none;}#page FORM DIV.tckDisclaimer .formElementContent,#page FORM DIV.checkboxnote .formElementContent{float:none;width:100%;white-space:normal;}#page FORM DIV.tckDisclaimer .formElementContent .checkbox_item INPUT,#page FORM DIV.checkboxnote .formElementContent .checkbox_item INPUT{width:auto;}#page FORM DIV.tckDisclaimer .formElementContent .checkbox_item,#page FORM DIV.checkboxnote .formElementContent .checkbox_item{float:none;width:30px;}#page FORM DIV.tckDisclaimer .formElementContent .checkbox_note,#page FORM DIV.checkboxnote .formElementContent .checkbox_note{padding-left:25px;margin-top:-20px;}#page FORM DIV.tckDisclaimer .formElementContent .elementErrorMessage,#page FORM DIV.checkboxnote .formElementContent .elementErrorMessage{padding-left:30px;}* HTML #page FORM DIV.streetnumber SPAN{overflow:hidden;}#page FORM .ziptown .input_zip{float:left;width:22%;display:block;}#page FORM .ziptown .input_town{float:right;width:75%;display:block;}#page FORM DIV.ziptown SPAN.input_zip INPUT.zip,#page FORM DIV.ziptown SPAN.input_town INPUT.town{width:100%!important;}* HTML #page FORM DIV.ziptown SPAN{overflow:hidden;}#page FORM .formElementContentInner{margin-right:5px;}#page FORM .address .formElementContent .formElement .formElementContentInner{margin-right:0;}HTML #page FORM .select .formElementContentInner{margin-right:0;}* HTML #page FORM .formElementContent{overflow:hidden;}* HTML #page FORM .formElementContentInner{padding-right:5px;margin-right:0;}* HTML #page FORM .address .formElementContentInner{padding-right:0;}* HTML #page FORM .select .formElementContentInner{padding-right:0;}#page FORM SELECT{width:100%;}#page FORM .checkboxgroup .checkbox{width:100%!important;}#page FORM .checkboxgroup .formElementDescription{white-space:normal;}#page FORM .checkboxgroup .checkbox .formElementContent{width:20px!important;float:left;margin-top:-20px;}#page FORM .checkboxgroup .checkbox .formElementDescription{margin-left:25px;float:none!important;width:auto;white-space:nowrap;}.paragraph_opening_hours .openingHoursBaseName{float:left;width:200px;}.paragraph_opening_hours .openingHoursBaseTime{float:left;width:125px;}#page .form_invalid,#page .form_invalid .formError{background-color:#BA304B;color:#fff;font-weight:bold;}#page .form_invalid_inner{padding:5px;}DIV.paragraph_text P,DIV.paragraph_imagetext DIV.text P{padding:4px 0 6px 0;}DIV.paragraph_imagetext DIV.image_container_inner{padding:5px 0 0 0;}DIV.paragraph_text UL,DIV.paragraph_text OL,DIV.paragraph_imagetext DIV.text UL,DIV.paragraph_imagetext DIV.text OL{margin:0;padding:0 0 0 30px;}DIV.paragraph_text UL LI{padding:1px 0 1px 0;margin:0;}* HTML DIV.paragraph_imagetext DIV.text{width:auto;}#page .paragraph_cars THEAD TD{text-align:center;font-weight:bold;}#page .paragraph_cars THEAD TD.car_label{text-align:left;}#page .paragraph_cars TD{padding:2px;}#page .paragraph_cars .car TD.car_price,#page .paragraph_cars .car TD.car_kilometre{text-align:right;}#page .paragraph_cars .car TD.car_image{width:55px;}#page .paragraph_cars .car TD.car_label{font-weight:bold;}#page .paragraph_cars .car TD.car_price{white-space:nowrap;}#page .paragraph_cars .car_details .car_details_list{width:40%;float:left;}#page .paragraph_cars .car_details .car_details_list DIV{padding-right:10px;}#page .paragraph_cars .car_details .car_details_list .label{float:left;width:40%;display:block;}#page .paragraph_cars .car_details .car_details_list .content{float:left;width:58%;padding-left:2%;display:block;}#page .paragraph_cars .car_details .car_details_images{float:left;width:60%;overflow:hidden;padding-left:0;}#page .paragraph_cars .car_details .car_details_images DIV{padding:5px;}#page .paragraph_cars .car_details .car_details_configuration{padding-top:10px;}#page .paragraph_cars .car_details .car_details_configuration .label{font-weight:bold;display:block;}#page .paragraph_cars .car_details_nature{margin-top:10px;}#page .paragraph_cars .car_details_info_texts,#page .paragraph_cars .car_details_info_text{margin-top:5px;}#page .paragraph_cars .car_contact_link,#page .paragraph_cars .car_details_back{margin-top:10px;}.contact_form_6 TEXTAREA,.contact_form_7 TEXTAREA{height:50px;}#page .contact_form_8 .date .formElementDescription,#page .contact_form_8 .select .formElementDescription,#page .contact_form_9 .date .formElementDescription,#page .contact_form_9 .select .formElementDescription{margin-left:0;float:none;width:60%;}#page .contact_form_8 .date .formElementContent,#page .contact_form_8 .select .formElementContent,#page .contact_form_9 .date .formElementContent,#page .contact_form_9 .select .formElementContent{float:none;}#page .contact_form_8 .date,#page .contact_form_8 .select,#page .contact_form_9 .date,#page .contact_form_9 .select{margin-left:26%;}#page .contact_form_8 .select .formElementContent,#page .contact_form_9 .select .formElementContent{width:100%;}#page FORM .tc_calendar_outer SELECT{width:auto;}#page .tc_calendar_outer .clear{overflow:visible;height:auto;}#page .paragraph_guestbook_insert .guestbook_form{width:95%;}.guestbook_comment{margin-top:15px;}.guestbook_comment_level_2{margin-left:25px;margin-top:5px;}.guestbook_comment_first,.guestbook_comment_level_2 .guestbook_comment{margin-top:0;}.guestbook_comment_name,.guestbook_comment_location,.guestbook_comment_block_title{float:left;}.guestbook_comment_location{margin-left:10px;}.guestbook_comment_date{text-align:right;}.guestbook_comment_name,.guestbook_comment_location,.guestbook_comment_date,.guestbook_comment_block_title{font-weight:bold;}.paragraph_real_estate LEGEND,.paragraph_real_estate .noDisplay,.paragraph_view_real_estate_list_without_select .real_estate_list_select,.paragraph_view_real_estate_list .real_estate_list_back_link,.paragraph_view_real_estate_list_without_select .real_estate_list_back_link{display:none;}.paragraph_real_estate FIELDSET,.paragraph_real_estate .fieldset{background:#fff;border:2px groove #F2F0EE;margin-bottom:10px;padding:2px;}.paragraph_real_estate .real_estate_list_select{margin-right:0!important;width:33.33%!important;float:left;}.paragraph_real_estate .real_estate_list_select FIELDSET{margin:0 2px 10px;}.paragraph_real_estate .real_estate_list_select_object_type{margin-right:-2px!important;}.paragraph_real_estate .real_estate_list_select_sell_type FIELDSET{margin-left:0;}.paragraph_real_estate .real_estate_list_select_object_type FIELDSET{margin-right:0;}.paragraph_real_estate .real_estate_list_box{margin-left:0;margin-right:0;}.paragraph_real_estate .real_estate_results TD{cursor:pointer;}.paragraph_real_estate .contactNames{float:left;width:75px;}.paragraph_real_estate .real_estate_image_details .real_estate_image_container{overflow:hidden;}.page_contact_overlay,.tc_overlay_dialog{z-index:50;}.page_contact_dialog,.tc_window_dialog{z-index:51;background-color:#fff;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;}.page_contact_dialog_dialog_options LI,.tc_window_dialog .tc_window_dialog_options LI{cursor:pointer;}.page_image_gallery_overlay,.page_image_zoom_overlay,.page_contact_overlay{background-color:#000;opacity:.5;-moz-opacity:.5;-ms-filter:"alpha(opacity=50)";filter:alpha(opacity=50);}.page_contact_dialog{padding:10px 20px 10px 20px;width:400px;}.page_contact_dialog_header H1{font-size:1.3em;}.page_contact_dialog_main{font-size:1.0em;}.page_contact_dialog_dialog_options UL{list-style-type:none;margin:10px 0 0 0;padding:0;}.page_contact_dialog_dialog_options UL LI{display:inline;padding:0;margin:0;}.page_contact_dialog_dialog_options UL LI A{padding:5px 10px;margin:0 10px 0 0;color:#FFF;background-color:#999;display:block;float:left;font-weight:bold;text-decoration:none;font-size:1.0em;}*+HTML .paragraph_image_gallery .image_gallery_outer{zoom:1;}* HTML .paragraph_image_gallery .image_gallery_outer{zoom:1;}.paragraph_image_gallery_view_toogle_left .image_gallery_details,.paragraph_image_gallery_view_toogle_right .image_gallery_previews{float:left;width:50%;}.paragraph_image_gallery_view_toogle_left .image_gallery_previews,.paragraph_image_gallery_view_toogle_right .image_gallery_details{float:right;width:50%;}* HTML .paragraph_image_gallery_view_toogle_left .image_gallery_details{overflow:hidden;}* HTML .paragraph_image_gallery_view_toogle_left .image_gallery_previews,* HTML .paragraph_image_gallery_view_toogle_right .image_gallery_details{margin-right:-1px;overflow:hidden;}*+HTML .paragraph_image_gallery_view_toogle_left .image_gallery_previews,*+HTML .paragraph_image_gallery_view_toogle_right .image_gallery_details{margin-right:-1px;}.paragraph_image_gallery .image_gallery_image_container,.page_image_gallery_window .page_image_gallery_image_container,.page_image_zoom_window .page_image_zoom_image_container{text-align:center;}.paragraph_image_gallery .image_gallery_previews_list{margin:0;padding:0;list-style-type:none;zoom:1;}.paragraph_image_gallery .image_gallery_preview_item{float:left;text-align:center;}.paragraph_image_gallery .image_gallery_preview_item IMG{cursor:pointer;}.paragraph_image_gallery .image_gallery_content,.page_image_gallery_image_container_outer,.page_image_zoom_image_container_outer{overflow:hidden;}.page_image_gallery_overlay,.page_image_zoom_overlay{z-index:80;}.page_image_gallery_window,.page_image_zoom_window{background-color:#fff;z-index:85;max-width:1000px;}.page_image_gallery_window_header,.page_image_zoom_window_header{padding:10px 10px 0;}.page_image_gallery_window_main,.page_image_zoom_window_main{padding:0 10px;}.page_image_gallery_window_footer,.page_image_zoom_window_footer{padding:0 10px 10px;}.page_image_gallery_window_hasNoTitle H1,.page_image_zoom_window_hasNoTitle H1{display:none;}.page_image_gallery_window_header,.page_image_gallery_content,.page_image_zoom_window_header,.page_image_zoom_content{text-align:center;}.page_image_gallery_window_header H1,.page_image_zoom_window_header H1{font-size:22px;margin-top:0;margin-bottom:10px;}.page_image_gallery_description_outer,.page_image_gallery_details_link_outer,.page_image_gallery_info_outer,.page_image_gallery_navigation_outer,.page_image_zoom_description_outer,.page_image_zoom_details_link_outer,.page_image_zoom_info_outer,.page_image_zoom_navigation_outer{text-align:left;}.page_image_gallery_image_container,.page_image_zoom_image_container{margin:0 auto;}* HTML .page_image_gallery_image_container,* HTML .page_image_zoom_image_container{margin:0;}*+HTML .page_image_gallery_image_container,*+HTML .page_image_zoom_image_container{margin:0;}.paragraph_image_gallery .image_gallery_contact_link,.page_image_gallery_window .image_gallery_contact_link{float:left;padding:5px 5px 0 0;}.paragraph_image_gallery .image_gallery_details_link_outer,.page_image_gallery_details_link_outer{padding:5px 5px 0 0;}.paragraph_image_gallery .image_gallery_info_outer,.page_image_gallery_info_outer{clear:both;padding:5px 0;}.paragraph_image_gallery .image_gallery_navigation_link,.page_image_gallery_navigation_link{padding-right:5px;}.paragraph_image_gallery .image_gallery_previews,.paragraph_image_gallery .image_gallery_preview_label{overflow:hidden;}.paragraph_image_gallery_effect_window .image_gallery_previews,.paragraph_image_gallery_view_toogle_bottom .image_gallery_preview,.paragraph_image_gallery_view_toogle_top .image_gallery_preview{width:100%;}.paragraph_image_gallery .image_gallery_page_current{text-decoration:none;}.paragraph_image_gallery .image_gallery_details_link .seperator,.paragraph_image_gallery .image_gallery_details_link .content,.page_image_gallery_details_link .seperator,.page_image_gallery_details_link .content,.page_image_zoom_details_link .seperator,.page_image_zoom_details_link .content{display:none;}.paragraph_image_gallery .image_gallery_navigation_outer,.page_image_gallery_navigation_outer{float:left;}.paragraph_image_gallery .image_gallery_image_actions_outer,.page_image_gallery_image_actions_outer{text-align:right;}.paragraph_image_gallery .image_gallery_image_action,.page_image_gallery_image_action{padding-left:5px;}* HTML .page_image_gallery_content_clear{display:none;}.paragraph_random{text-align:center;}.paragraph_random .real_estate_object_title,.paragraph_random .real_estate_object_details{float:none!important;width:auto!important;}.paragraph_lunch .lunch_details{overflow:hidden;width:100%;}.paragraph_lunch .lunch_day_title{font-weight:bold;}.paragraph_lunch .lunch_item_title{float:left;width:75%;}* HTML .paragraph_lunch .lunch_item_title{margin-right:-1px;}.paragraph_lunch .lunch_item_price{float:left;width:25%;text-align:right;}* HTML .paragraph_lunch .lunch_item_price{float:right;}*+HTML .paragraph_lunch .lunch_item_price{margin-right:-1px;}.paragraph_lunch .lunch_day{padding-bottom:10px;}.paragraph_lunch .lunch_navigation_prev{padding-right:10px;}.paragraph_lunch .lunch_has_image_left .lunch_image{float:left;padding-right:10px;}.paragraph_lunch .lunch_has_image_right .lunch_image{float:right;padding-left:10px;}.paragraph_lunch .lunch_has_image_left .lunch_image,.paragraph_lunch .lunch_has_image_right .lunch_image,.paragraph_lunch .lunch_has_image_top .lunch_image{padding-bottom:10px;}.paragraph_lunch .lunch_has_image_bottom .lunch_image{padding-top:10px;}.paragraph_lunch .lunch_has_image_top .lunch_image IMG,.paragraph_lunch .lunch_has_image_bottom .lunch_image IMG{margin:auto;display:block;}.paragraph_lunch .lunch_price{font-weight:bold;}.paragraph_lunch .lunch_price,.paragraph_lunch .lunch_info,.paragraph_lunch .lunch_back{padding-top:10px;}#page .paragraph_survey_form{margin:0;padding:0;}#page .paragraph_survey_form .formElementDescription,#page .paragraph_survey_form .formElementContent{float:none;width:auto;}#page .paragraph_survey_form .radio .formElementContent{width:20px;margin-top:-17px;float:none!important;}#page .paragraph_survey_form .radio .formElementDescription{width:auto!important;float:none!important;margin-left:25px;}#page .paragraph_survey_form .formElementContent INPUT,#page .paragraph_survey_form .submit .formElementContent BUTTON{width:auto;}#page .survey_option_row_outer{width:100px;border:1px solid #000;float:left;}#page .survey_option_row_inner{background-color:#ccc;height:1.25em;}#page .survey_option_percent_outer{width:5em;text-align:right;float:left;}#page .image_position_container{position:relative;}#page .paragraph_image.left .image_position_container{margin-right:auto;}#page .paragraph_image.right .image_position_container{margin-left:auto;}#page .paragraph_image.center .image_position_container{margin:0 auto;}#page .image_map_area{position:absolute;}#page .image_map_area_action_outer A{display:block;}#page .image_map_map .image_map_area_action_outer A{background-color:#fff;opacity:.0;-moz-opacity:.0;-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0);}#page .image_map_mark .image_map_area_action_outer A{background-color:#c00;width:20px;height:20px;}#page .image_map_area_content_outer{display:none;position:absolute;top:50%;left:50%;background-color:#fff;border:1px solid #000;z-index:10;width:300px;max-height:300px;overflow:auto;}* HTML #page .image_map_area_content_outer{height:expression(this.scrollHeight>300 ? '300px':'auto');}#page .image_map_area_content_inner{text-align:left;padding:10px;}#page .image_map_area_image IMG{float:none;}#page .page_image_zoom_content{position:relative;}* HTML #page .page_image_zoom_content{position:static;}* HTML #page .page_image_zoom_image_container{position:relative;}@media print{BODY{margin:0;padding:0;background-color:transparent!important;background-image:none!important;font-color:#999!important;}.noprint{display:none;}#page{position:static;top:0;right:0;margin:0;padding-left:0;padding-bottom:0;padding-right:0;padding-top:0;width:100%!important;}#page_inner{width:100%!important;padding-top:150px!important;margin:0;}#page *{background-color:transparent!important;background-image:none!important;}#page,#page_inner,#page DIV.paragraph,#page .paragraph_content DIV.paragraph{background-color:transparent!important;background-image:none!important;}#tck_translate_onpage{display:none;}#location{display:none!important;}.paragraph_headline .h SPAN.inner{display:inline!important;}.paragraph_button A SPAN.outer{display:block!important;}.paragraph_button A{background-image:none!important;}.paragraph_logo{font-size:25px;position:absolute!important;top:0!important;left:0!important;height:140px;width:45%;overflow:hidden;}.paragraph_logo A{text-decoration:none;color:#000;font-weight:bold;}.paragraph_logo SPAN.inner{display:block;}.paragraph_address{position:absolute!important;top:0!important;left:50%!important;width:45%!important;text-align:left!important;}.paragraph_address_inner{padding:10px;}.paragraph_address .address_item{display:block!important;float:none!important;margin:0!important;padding:0!important;width:100%!important;font-size:12px!important;text-align:left!important;}.paragraph_address .address_item SPAN{padding:0!important;margin:0!important;}.paragraph_image_gallery .image_gallery_previews_list{width:auto!important;}.paragraph_flash{display:none;}} * HTML { behavior: url('/s/tc-www/css/hover.htc'); } #page { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; width: 990px; margin: 0 auto; } #page_inner { position: relative; padding: 0; margin: 0; } #page_container { width: 990px; } /* Languages */ #page.multilingual #page_inner { margin: 25px 0px 0px 0px; } #page.multilingual #languages { position: absolute; right: 0px; top: -20px; } /* Languages Ende */ /* Location */ #location { display: none; } /* Location Ende */ /* Navigation */ #navigation UL { margin: 0; padding: 0; } /* Subnavigation */ #subnavigation { float: left; width: 250px; } #subnavigation UL { margin: 0; padding: 0; } /* Content */ #content { float: right; width: 740px; } /* Footer */ #footer { clear: both; } #information_navigation UL { margin: 0; padding: 0; } #information_navigation UL LI { list-style-type: none; display: inline; } /**### START TEMPLATE ### ***/ /**### V: 1.0 -|- FULL WIDTH -|- ENTERPRISE CMS TPL ### ***/ #tcs_fixed{display:none !important;} /*** SET BASIC ***/ HTML { font-size: 62.5%; } /*** DESKTOP & IPAD ***/ @media screen and (min-width: 768px) { HTML { font-size: 62.5%; } } #page { overflow: hidden; position: relative; } #page #content IMG, #page DIV.page_image_zoom_window IMG { width: auto; max-width: 100%; height: auto; } /*** BASIC > ***/ #page #subnavigation, #page #page_content { display: none; } #page, #page #content, #page #page_container { width: 100%; float: none; margin: 0 auto; } /*** CENTER CONTENT ***/ #page #content_inner > DIV > DIV > DIV > DIV, /*** MAIN CONTENT***/ #page #header_inner, #page #navigation, #page #footer_inner { width: 100%; float: none; margin: 0 auto; padding: 0 10px; padding: 0 1rem; max-width: 1200px; max-width: 120rem; position: relative; box-sizing: border-box; } #page #navigation_inner { padding: 0 25px; padding: 0 2.5rem; box-sizing: border-box; } /** PREPARE CONTENT **/ #page #content_inner > DIV > DIV > DIV > DIV { /*** MAIN CONTENT***/ padding: 10px; padding: 1rem; } #page #navigation, #page #header_inner { padding: 0; } @media screen and (min-width: 1201px) { #page #header_inner, #page #navigation, #page #footer_inner { padding: 0 20px; padding: 0 2rem; } } @media screen and (min-width: 768px) { #page #content_inner > DIV > DIV > DIV > DIV { /*** MAIN CONTENT***/ padding: 40px 20px; padding: 4rem 2rem; } #page #content_inner DIV.script > DIV { /*** MAIN CONTENT***/ padding: 0; } } @media screen and (min-width: 768px) and (max-width: 978px) { #page #content_inner > DIV > DIV > DIV > DIV { /*** MAIN CONTENT***/ padding: 20px; padding: 2rem; } #page #content_inner DIV.script > DIV { /*** MAIN CONTENT***/ padding: 0; } } /*** RESET FOR HEADER -> EMOTION ***/ #page #content_inner > DIV > DIV > DIV > DIV.paragraph_image_gallery_inner { padding: 0; max-width: 100%; } /*** Z-INDEX ***/ #page #header { z-index: 70; } #page #navigation { z-index: 60; } #page #main { z-index: 50; margin-top: -20px; margin-top: -2rem; } @media screen and (min-width: 1200px) { #page #main { margin: 0; } } /**### FONT SETTINGS **###/ /*** FONT -> FAMILY ***/ #page, #page FORM TEXTAREA, #page FORM INPUT, #page FORM BUTTON { font-family: "Roboto Condensed",sans-serif,Verdana,Geneva,Arial,Helvetica; } /*** FONT -> SIZE -> & HEADLINES ***/ #page, #page DIV.formElement, #page DIV.formElement TEXTAREA, #page DIV.formElement INPUT, #page DIV.formElement BUTTON { font-size: 16px; /** BASIC FONTSIZE **/ font-size: 1.6rem; } #page H1 { font-size: 40px; font-size: 4rem; line-height: 100%; } @media screen and (max-width: 768px) { #page H1, #page #bottom--phone > A { font-size: 28px; font-size: 2.8rem; } } #page H2, #page H5 { font-size: 20px; font-size: 2rem; } #page H3 { font-size: 24px; font-size: 2.4rem; text-transform: normal; } #page H4, #page H6, #page #navigation #openmenu, #page #sidemenu .title-menue, #page #content DIV.tabs--box STRONG, #page #content DIV.logos STRONG { font-size: 18px; font-size: 1.8rem; } /** H4 -> BORDER STYLE **/ @media screen and (min-width: 768px) { #page H4 > SPAN { padding-right: 50px; position: relative; } #page H4 > SPAN::after { content:""; width: 40px; width: 4rem; display: block; top: auto; right: 0; bottom: 5px; bottom: .5rem; position: absolute; border-bottom: 1px solid #666; } } #page #footer, #page DIV.formElement.disclaimer, #page #navigation A { font-size: 13px; font-size: 1.3rem; } /*** RESETTING NAVIGATION ***/ @media screen and (min-width: 979px) { #page #navigation A { font-size: 16px; font-size: 1.6rem; } } /*** FONT -> LINE HEIGHT ***/ #page H6 { line-height: 100%; } #page DIV.formElement.disclaimer { line-height: 130%; } /*** FONT -> WEIGHT -> & HEADLINES ***/ #page H2, #page H5, #page H4, #page #navigation, #page #navigation > DIV > UL > LI > A, #page #navigation UL.level_1 > LI > A, #page #navigation #openmenu, #page #sidemenu .title-menue, #page #content P STRONG { font-weight: 700; } #page, #page H1, #page H3, #page H6, #page DIV.formElement, #page DIV.formElement TEXTAREA, #page DIV.formElement INPUT, #page DIV.formElement BUTTON, #page #navigation #openmenu, #page #sidemenu .title-menue, #page #content DIV.tabs--box STRONG, #page #content DIV.logos STRONG { font-weight: 300; } /*** FONT -> BASIC -> CI -> COLORS ***/ #page #content, #page #header { color: #666; } #page DIV.page_image_zoom_window A, #page DIV.page_image_gallery_info, #page DIV.page_image_gallery_navigation A, #page DIV.page_image_gallery_window_header_inner, #page #navigation UL LI.level_1 A, #page #content a, #page #content DIV.tabs--box STRONG, #page #content .paragraph_headline, #page #content DIV.tabs--section .tabs--tabs UL > LI { color: #666; } /*** HEADER -> LOGO ***/ #page #header #logo { width: auto; max-width: 100%; padding: 0px 0; padding: 0rem 0; text-align: center; } @media screen and (min-width: 1201px) { #page #header { padding-bottom: 30px; padding-bottom: 3rem; } #page #header #logo { text-align: left; } } /*** NAVIGATION ***/ #page #navigation_inner { padding: 0; background: #666; } /*** NAVIGATION -> SIDEMENU V.2.0 ***/ #page #navigation #navigation_inner { display: none; } #page #sidemenu .clickable { cursor: normal; } #page #sidemenu UL { margin: 0; padding: 0; list-style: none; } #page #sidemenu, #page #sidemenu A, #page #sidemenu SPAN, #page #navigation #openmenu > SPAN { color: #666; text-decoration: none; } #page #navigation #openmenu > SPAN, #page #sidemenu #closemenu > SPAN, #page #sidemenu DIV.closemenu > DIV > SPAN { color: #fff; } #page #sidemenu #sm_header, #page #sidemenu #sm_body UL > DIV.closemenu, #page #navigation #openmenu > SPAN { background: #333; } #page #sidemenu, #page #sidemenu UL { background: #f9f9f9; } /*** SIDEMENU::OPENMENU ***/ #page #navigation #openmenu > SPAN { padding: 10px 20px 10px 30px; padding: 1rem 2rem 1rem 3rem; box-sizing: border-box; width: 100%; display: block; cursor: pointer; position: relative; } #page #navigation #openmenu > SPAN::before { content: "\2261"; display: block; top: 9px; left: 10px; position: absolute; } #page #sidemenu #sm_header, #page #sidemenu #sm_address, #page #sidemenu #sm_social, #page #sidemenu #sm_body DIV.title, #page #sidemenu #sm_body LI > A > SPAN.outer, #page #sidemenu #sm_body UL > DIV.closemenu { display: block; padding: 20px; padding: 2rem; width: 100%; box-sizing: border-box; } #page #sidemenu #sm_header, #page #sidemenu #sm_body UL > DIV.closemenu { padding: 30px 20px; padding: 3rem 2rem; } #page #sidemenu #sm_body LI > A > SPAN.outer { display: block; padding: 15px 20px; padding: 1.5rem 2rem; border-bottom: 1px solid #e6e6e6; } #page #sidemenu #sm_address SPAN.item_address SPAN { padding-right: 10px; padding-right: 1rem; font-size: 20px; font-size: 2rem; } /** SIDEMENU::TITLE **/ #page #sidemenu #sm_body DIV.title { font-size: 20px; font-size: 2rem; } /** SIDEMENU::ADDRESS **/ #page #sidemenu #sm_address SPAN.item_address { display: block; padding: 5px 0; padding: .5rem 0; width: 100%; } /** SIDEMENU::SOCIAL **/ #page #sidemenu #sm_social { text-align: center; } #page #sidemenu #sm_social SPAN.item_social { display: inline; padding: 0 10px; padding: 0 1rem; width: 100%; box-sizing: border-box; } #page #sidemenu #sm_body LI:last-child > A > SPAN.outer { border-bottom: none; } #page #sidemenu #closemenu > SPAN, #page #sidemenu DIV.closemenu > DIV > SPAN { cursor: pointer; } /*** SIDEMENU::POSITION:PRESETTING ***/ #page #sidemenu, #page #sidemenu LI > UL { top: 0; left: -100%; width: 100%; position: fixed; box-sizing: border-box; text-transform: uppercase; } /*** SIDEMENU::ICON::CLOSE & BACK ***/ #page #sidemenu #closemenu > SPAN, #page #sidemenu DIV.closemenu > DIV > SPAN { display: block; padding-left: 20px; padding-left: 2rem; position: relative; } #page #sidemenu #closemenu > SPAN::before, #page #sidemenu DIV.closemenu > DIV > SPAN::before { display: block; content: "\00d7"; top: -5px; top: -.5rem; left: 0; position: absolute; color: #fff; } #page #sidemenu #closemenu > SPAN::before { font-size: 20px; font-size: 2rem; } #page #sidemenu DIV.closemenu > DIV > SPAN::before { content: "\00ab"; top: -2px; top: -.2rem; font-weight: 700; } /*** SIDEMENU::ICON::NEXT ***/ #page #sidemenu UL LI.clickable > A > SPAN > SPAN { display: inline-block; position: relative; padding-right: 20px; padding-right: 2rem; } #page #sidemenu UL LI.clickable > A > SPAN > SPAN::after { content: "\00BB"; top: -2px; top: -.2rem; right: 0; position: absolute; font-weight: bold; -webkit-transition: all 0.3s ease-in 0s; /* chrome & safari */ -moz-transition: all 0.3s ease-in 0s; /* firefox */ -o-transition: all 0.3s ease-in 0s; /* opera */ transition: all 0.3s ease-in 0s; /* explorer 10 */ } #page #sidemenu UL LI.clickable > A:hover > SPAN > SPAN::after { right: -10px; right: -1rem; } /*** DESKTOP && IPAD -> HIDE SIDEMENU > SHOW NAVIGATION ***/ @media screen and (min-width: 979px) { #page #sidemenu, #page #navigation #openmenu { display: none; } #page #navigation #navigation_inner { width: 100%; display: block; top: -30px; top: -3rem; left: 0; position: absolute; } /*** DESKTOP > NAVIGATION ***/ #page #navigation > DIV { position: relative; } #page #navigation > DIV UL { margin: 0; padding: 0; list-style: none; } #page #navigation > DIV UL LI { float: left; } /*** CLEAR FLOAT ***/ #page #navigation > DIV UL::after { clear: both; content: ""; display: block; } #page #navigation > DIV > UL > LI > A { color: #fff; position: relative; padding: 10px 0 0; padding: 1rem 0 0; text-align: center; } #page #navigation > DIV > UL LI A { display: block; text-decoration: none; } #page #navigation > DIV > UL > LI > A > SPAN { display: block; min-height: 20px; min-height: 2rem; padding: 10px 10px 20px; padding: 1rem 1rem 2rem; } /*** DESKTOP > NAVIGATION > LEVEL_1 ***/ #page #navigation UL.level_1, #page #navigation UL.level_1 > LI { box-sizing: border-box; } #page #navigation LI.level_0 > UL { left: auto; top: 50px; top: 5rem; width: 87.3%; height: auto; margin-left: 10px; margin-left: 1rem; position: absolute; display: none; background: #fff; z-index: 1; } #page #navigation UL.level_1 > LI { width: 100%; float: none; } #page #navigation UL.level_1 > LI > A { display: block; padding: 10px; padding: 1rem; font-size: 14px; font-size: 1.4rem; color: #fff; text-align: center; } #page #navigation LI:hover > UL { display: block !important; } #page #navigation UL.level_1 > LI:hover > A, #page #navigation UL.level_1 > LI.active > A { text-decoration: underline; } #page #navigation UL.level_1 SPAN { display: block; width: 100%; } } @media screen and (min-width: 1201px) { #page #navigation > DIV > UL > LI > A { padding: 10px 10px 0; padding: 1rem 1rem 0; } } /*** CONTENT -> RESP ***/ #page .row DIV.clear { margin: 0 !important; } #page .row.main { margin-top: 10px; margin-top: 1rem; } /*** 3rd structure ***/ #page .row > DIV > DIV > DIV > DIV { margin: 0 0 10px 0; margin: 0 0 1rem 0; } @media screen and (min-width: 979px) { #page .row > DIV > DIV > DIV > DIV { margin: 0 0 20px 0; margin: 0 0 2rem 0; } } /*** DESKTOP & IPAD ***/ @media screen and (min-width: 768px) { #page .resp-3-3, #page .resp-2-3, #page .resp-1-3, #page .resp-4-4, #page .resp-3-4, #page .resp-2-4, #page .resp-1-4 { width: 100%; } #page .row > DIV { margin-left: -2rem; margin-right: -2rem; } #page .row > DIV > DIV { margin: 0; width: 100%; float: left; padding: 0 20px; box-sizing: border-box; } #page .row DIV.clear { width: 100%; float: none; clear: both; } /** 3x 33% **/ #page .resp-3-3 > DIV > DIV {width: 33.33333333%;} /** 1x 66% to 33% **/ #page .resp-2-3 > DIV > DIV {width: 33.33333333%;} #page .resp-2-3 > DIV > DIV:first-child {width: 66.66666666%;} /** 1x 33% to 66% **/ #page .resp-1-3 > DIV > DIV {width: 66.66666666%;} #page .resp-1-3 > DIV > DIV:first-child {width: 33.33333333%;} /** 4x 25% **/ #page .resp-4-4 > DIV > DIV {width: 25%;} /** 2x 50% **/ #page .resp-2-4 > DIV > DIV {width: 50%;} /** 1x 25% to 75% **/ #page .resp-1-4 > DIV > DIV {width: 75%;} #page .resp-1-4 > DIV > DIV:first-child {width: 25%;} } @media screen and (min-width: 768px) and (max-width: 978px) { #page .row > DIV { margin-left: -1rem; margin-right: -1rem; } #page .row > DIV > DIV { padding: 0 10px; } /** 4x 25% **/ #page .resp-4-4 > DIV > DIV {width: 50%;} } @media screen and (min-width: 1201px) { /** 1x 75% to 25% **/ #page .resp-3-4 > DIV > DIV {width: 25%;} #page .resp-3-4 > DIV > DIV:first-child {width: 75%;} } /*** ELEMENTS -> LISTINGS ***/ #page #content DIV.text UL, #page #content DIV.paragraph_text UL { margin: 0; padding: 0; list-style: none; } #page #content DIV.text OL, #page #content DIV.paragraph_text OL { padding-left: 15px; padding-left: 1.5rem; } #page #content DIV.text UL > LI, #page #content DIV.paragraph_text UL > LI { padding-left: 20px; padding-left: 2rem; position: relative; } #page #content DIV.text UL > LI::BEFORE, #page #content DIV.paragraph_text UL > LI::BEFORE { content: "\203A"; top: -1px; top: -.1rem; left: 0; font-weight: 400; position: absolute; } #page #content DIV.check UL > LI::BEFORE { content: "\f00c"; display: block; top: 2px; top: .2rem; left: 0; position: absolute; font-family: 'FontAwesome'; } /*** 3rd structure -> LISTING ***/ #page #content .row.listing > DIV > DIV > DIV > DIV { margin: 0; } /*** ELEMENTS -> ACCORDION ***/ #page DIV.accordion--block DIV.accordionButton { padding: 5px 20px; padding: .5rem 2rem; margin-bottom: 5px; margin-bottom: .5rem; color: #fff; cursor: pointer; background: #666; position: relative; } #page DIV.accordion--block DIV.accordionButton > DIV::before { top: 10px; top: 1rem; right: 10px; right: 1rem; content: "\003E"; display: block; position: absolute; font-size: 20px; font-size: 2rem; } #page DIV.accordion--block DIV.accordionButton.on > DIV::before { top: 15px; top: 1.5rem; right: 10px; right: 1rem; content: "\005E"; } #page DIV.accordion--block DIV.accordionButton.on, #page DIV.accordion--block DIV.accordionButton:hover { background: #333; } #page DIV.accordion--block DIV.accordionContent { padding: 5px 20px 20px; padding: .5rem 2rem 2rem; } /*** ELEMENTS -> DOWNLOADS ***/ #page DIV.paragraph_download { padding: 10px; padding: 1rem; margin: 10px 0; margin: 1rem 0; /* background: #F7F7F7;*/ } #page DIV.paragraph_download A { text-decoration: none; } /*** ELEMENTS -> CTA BUTTON ***/ #page #content DIV.cta--button A { color: #fff; padding: 10px; padding: 1rem; display: block; background: #666; text-align: center; text-decoration: none; z-index: 20; position: relative; box-sizing: border-box; } #page #content DIV.cta--button A:hover { background: #444; } /*** ELEMENT -> SCROLL UP ***/ #page #scrollup { display: block; cursor: pointer; background: #000; width: 48px; width: 4.8rem; height: 50px; height: 5rem; box-sizing: border-box; bottom: 60px; bottom: 6rem; right: 10px; right: 1rem; position: fixed; z-index: 99; } #page #scrollup SPAN { padding:0; margin:0; line-height:0; font-size:0; height:0; border: 13px solid #fff; border: 1.3rem solid #fff; border-top-color: transparent; border-right-color: transparent; border-left-color: transparent; top: 4px; top: .4rem; margin-left: 11px; margin-left: 1.1rem; position: absolute; } /*** ELEMENT -> BOTTOM PHONE ***/ #page #bottom--phone { left: 0; bottom: 0; width: 100%; margin: 0; padding: 0; position: fixed; z-index: 99; } #page #bottom--phone > A { display: block; padding: 5px 10px; padding: .5rem 1rem; background: #666; color: #fff; text-align: center; text-decoration: none; } @media screen and (min-width: 768px) { #page #bottom--phone { display: none; } } /*** MODULE-> TEXT ON IMG ***/ #page #content .paragraph_image P { width: 100%; } /*** MODULE-> IMG TXT ***/ #page #content .paragraph_imagetext .image_container { max-width: 33.333333%; } @media screen and (max-width: 767px) { #page #content .paragraph_imagetext .image_container, #page #content .paragraph_imagetext .image_container > DIV { margin: 0; width: 100%; max-width: 100%; float: none; } } #page #content .paragraph_imagetext P { width: 100%; } /*** MODULE -> ZOOM ***/ #page DIV.page_image_zoom_window, #page DIV.page_image_gallery_window { width: auto; height: auto; max-width: 96%; } @media screen and (min-width: 768px) { #page DIV.page_image_zoom_window, #page DIV.page_image_gallery_window { width: auto; max-width: 800px; max-width: 80rem; } } #page DIV.page_image_gallery_image_container_outer, #page DIV.page_image_gallery_image_container, #page DIV.page_image_zoom_image_container_outer, #page DIV.page_image_zoom_image_container { width: 100% !important; height: auto !important; min-width: 100px !important; } #page DIV.page_image_gallery_image_container IMG, #page DIV.page_image_zoom_image_container IMG { width: auto; height: auto; max-width: 100%; } /*** -> OVERLAY ***/ #page .page_image_zoom_overlay, #page .page_image_gallery_overlay { width: 100% !important; } /*** MODULE -> GALLERY ***/ #page .image_gallery_previews { width: 100%; } #page .image_gallery_previews > UL { margin: 0 -2px; margin: 0 -.2rem; } #page .image_gallery_previews > UL > LI { width: 50%; float: left; padding: 2px; padding: .2rem; box-sizing: border-box; } #page .image_gallery_previews .image_gallery_preview_image .outer { width: 100% !important; height: auto !important; } /*** DESKTOP & IPAD ***/ @media screen and (min-width: 768px) { #page .image_gallery_previews > UL > LI { width: 25%; } } /*** MODULE -> CONTACT FORM ***/ #page FORM INPUT, #page FORM SELECT, #page FORM BUTTON, #page FORM TEXTAREA { padding: 10px; padding: 1rem; height: auto; box-sizing: border-box; } #page .paragraph_contact .contact_form, #page #content DIV.formElementDescription, #page #content DIV.formElementContent { width: 100%; float: none; } #page FORM .formElementContentInner { margin-right: 0; } #page FORM TEXTAREA { height: 80px; } #page FORM SPAN.required::after { content: "*"; } #page FORM SPAN.required::after, #page FORM .html P SUP { color: red; } #page FORM .formElementDescription { padding: 10px 0; padding: 1rem 0; height: auto; } #page FORM .submit .formElementDescription { padding: 0; } #page .contact_form FORM DIV.formElementContent BUTTON { display: block; padding: 10px; padding: 1rem; color: #fff; background: #666; cursor: pointer; height: auto; border: none; text-align: center; text-decoration: none; } /*** RESP 33% ***/ #page #content DIV.resp-3-3 > DIV > DIV .contact_form FORM DIV.formElementContent BUTTON, #page #content DIV.resp-2-3 > DIV > DIV .contact_form FORM DIV.formElementContent BUTTON, #page #content DIV.resp-1-3 > DIV > DIV:first-child .contact_form FORM DIV.formElementContent BUTTON { width: 100%; } #page #content DIV.resp-2-3 > DIV > DIV:first-child .contact_form FORM DIV.formElementContent BUTTON { width: 40%; } #page FORM DIV.tckDisclaimer .formElementContent .checkbox_note, #page FORM DIV.checkboxnote .formElementContent .checkbox_note { padding-left: 35px; padding-left: 3.5rem; } @media screen and (max-width: 768px) { #page .contact_form FORM DIV.formElementContent BUTTON { width: 100%; } } #page #content .contact_form FORM DIV.formElementContent BUTTON:hover{ background: #444; } /* RADIOBUTTONS */ #page #content .contact_form .radiogroup .formElementContent > DIV { display: block; } #page #content .contact_form .radiogroup .formElementContent > DIV > DIV { width: 100%; } #page #content .contact_form .radiogroup .radio > DIV.formElementDescription { padding: 0; } #page #content .contact_form .radiogroup .radio > DIV.formElementContent { padding: 2px; padding: .2rem; } @media screen and (min-width: 769px) { #page #content .contact_form .radiogroup .formElementContent > DIV > DIV { width: 50%; float: left; clear: none; } } @media screen and (min-width: 981px) { #page #content .contact_form .radiogroup .formElementContent > DIV > DIV { width: 25%; } } /*** MODULE -> GUESTBOOK ***/ @media screen and (min-width: 768px) { #page DIV.guestbook_form FORM { margin: 0 -10px; margin: 0 -1rem; } #page DIV.guestbook_form FORM > DIV.formElement { padding: 0 10px; padding: 0 1rem; width: 50%; float: left; clear: none; box-sizing: border-box; } #page DIV.guestbook_form FORM > DIV.textarea, #page DIV.guestbook_form FORM > DIV.captcha_code, #page DIV.guestbook_form FORM > DIV.submit { width: 100%; float: none; clear: both; } #page DIV.guestbook_form FORM > DIV.submit { padding-top: 20px; padding-top: 2rem; } #page DIV.guestbook_form FORM BUTTON, #page DIV.guestbook_form FORM DIV.captcha_refresh INPUT { max-width: 250px; max-width: 25rem; cursor: pointer; } #page DIV.guestbook_form FORM DIV.captcha_refresh INPUT { width: 100% !important; } } /*** MODULE -> CMMAP ***/ @media screen and (max-width: 767px) { #page #content .paragraph_html.cmmap:before { position: absolute; background: transparent; height: 100%; width: 100%; content: ''; } } /*** SMARTPHONE ***/ @media screen and (max-width:432px) { #page IFRAME.cmmap { max-height: 200px; max-height: 20rem; } } /**###########***/ /**# FOOOTER #***/ #page #footer { background: #285986; } #page #footer_inner { padding: 10px; padding: 1rem; } #page #address, #page #information_navigation { text-align: center; padding: 10px 0; padding: 1rem 0; box-sizing: border-box; } #page #address_inner > SPAN { padding-right: 6px; padding-right: .6rem; margin-right: 2px; margin-right: .2rem; border-right: 1px solid #fff; border-right: .1rem solid #fff; } #page #address_inner > SPAN:last-child { border-right: 0; } #page #address, #page #address A, #page #information_navigation A { color: #fff; } /*** DESKTOP & IPAD ***/ @media screen and (min-width: 768px) { #page #footer_inner { padding: 20px; padding: 2rem; } #page #address, #page #information_navigation { float: left; width: 70%; text-align: left; } #page #information_navigation { width: 30%; text-align: right; } } /**### END TEMPLATE ### ***/ /** ################## ***/ /** ################## ***/ /**### FONTS::IMPORT ### ***/ @font-face { font-family: 'Roboto Condensed'; src: url('https://fonts.internet-erfolg.de/fonts/RobotoCondensed-Bold-webfont.eot'); src: url('https://fonts.internet-erfolg.de/fonts/RobotoCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('https://fonts.internet-erfolg.de/fonts/RobotoCondensed-Bold-webfont.woff') format('woff'), url('https://fonts.internet-erfolg.de/fonts/RobotoCondensed-Bold-webfont.ttf') format('truetype'), url('https://fonts.internet-erfolg.de/fonts/robotocondensed-bold-webfont.svg#open_sansregular') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Roboto Condensed'; src: url('https://fonts.internet-erfolg.de/fonts/RobotoCondensed-Light-webfont.eot'); src: url('https://fonts.internet-erfolg.de/fonts/RobotoCondensed-Light-webfont.eot?#iefix') format('embedded-opentype'), url('https://fonts.internet-erfolg.de/fonts/RobotoCondensed-Light-webfont.woff') format('woff'), url('https://fonts.internet-erfolg.de/fonts/RobotoCondensed-Light-webfont.ttf') format('truetype'), url('https://fonts.internet-erfolg.de/fonts/robotocondensed-light-webfont.svg#open_sansregular') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'HerrVonMuellerhoff'; src: url('https://fonts.internet-erfolg.de/fonts/HerrVonMuellerhoff-Regular.ttf') format('truetype'); font-weight: 300; font-style: normal; } /** ########################### ***/ /**### START-THEME-TEMPLATE ### ***/ #page #header_inner #logo { width: 100%; margin: 0; padding: 0px; padding: 0rem; box-sizing: border-box; } @media screen and (min-width: 979px) { #page #header_inner #logo { width: 17%; float: left; margin-top: 40px; margin-top: 4rem; } } #page #header_inner #logo IMG { width: 100%; height: auto; } @media screen and (min-width: 979px) { #page #navigation { float: right; width: 85%; top: -98px; top: -9.8rem; padding: 0; } #page #navigation #navigation_inner { background-color: transparent; top: 0; left: 0; position: relative; padding: 0 0 0 20px; padding: 0 0 0 2rem; } #page #navigation #navigation_inner UL.level_0 > LI { width: calc(100% / 6); position: relative; } #page #navigation #navigation_inner UL.level_0 > LI > A { color: #333; font-size: 14px; font-size: 1.4rem; } } @media screen and (min-width: 979px) and (max-width: 1204px) { #page #navigation #navigation_inner UL.level_0 > LI > A SPAN.outer { padding: 4px; padding: 0.4rem; } } @media screen and (min-width: 1205px) { #page #navigation #navigation_inner UL.level_0 > LI > A SPAN.outer { border-bottom: 1px solid #333; padding: 10px; padding: 1rem; } } #page #page_container #navigation #navigation_inner UL.level_0 > LI.level_0.active > A, #page #page_container #navigation #navigation_inner UL.level_0 > LI.level_0:hover > A { color: #fff; } /** WINTERREISEN **/ #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134122 > A, #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134122.active > A { color: #61C2ED; } #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134122 > A SPAN.outer { border-color: #61C2ED; } #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134122:hover > A SPAN.outer, #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134122.active > A SPAN.outer { background-color: #61C2ED; } /** KURZREISEN **/ #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134125 > A, #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134125.active > A { color: #D35851; } #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134125 > A SPAN.outer { border-color: #D35851; } #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134125:hover > A SPAN.outer, #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134125.active > A SPAN.outer { background-color: #D35851; } /** RUNDREISEN **/ #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134128 > A, #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134128.active > A { color: #75B9AE; } #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134128 > A SPAN.outer { border-color: #75B9AE; } #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134128:hover > A SPAN.outer, #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134128.active > A SPAN.outer { background-color: #75B9AE; } /** FERIENZIELVERKEHR **/ #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134131 > A, #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134131.active > A { color: #285986; } #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134131 > A SPAN.outer { border-color: #285986; } #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134131:hover > A SPAN.outer, #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134131.active > A SPAN.outer { background-color: #285986; } /** TAGESFAHRTEN **/ #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134134 > A, #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134134.active > A { color: #285986; } #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134134 > A SPAN.outer { border-color: #285986; } #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134134:hover > A SPAN.outer, #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134134.active > A SPAN.outer { background-color: #285986; } /** AKTIONSREISEN **/ #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134137 > A, #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134137.active > A { color: #F9942A; } #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134137 > A SPAN.outer { border-color: #F9942A; } #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134137:hover > A SPAN.outer, #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134137.active > A SPAN.outer { background-color: #F9942A; } /** STÄDTEREISEN **/ #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134140 > A, #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134140.active > A { color: #3E89C0; } #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134140 > A SPAN.outer { border-color: #3E89C0; } #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134140:hover > A SPAN.outer, #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134140.active > A SPAN.outer { background-color: #3E89C0; } /** KREUZFAHRTEN **/ #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134143 > A, #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134143.active > A { color: #25A783; } #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134143 > A SPAN.outer { border-color: #25A783; } #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134143:hover > A SPAN.outer, #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134143.active > A SPAN.outer { background-color: #25A783; } /** FLUGREISEN **/ #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134146 > A, #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134146.active > A { color: #00AFCA; } #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134146 > A SPAN.outer { border-color: #00AFCA; } #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134146:hover > A SPAN.outer, #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134146.active > A SPAN.outer { background-color: #00AFCA; } /** ERHOLEN & ERLEBEN **/ #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134149 > A, #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134149.active > A { color: #D0B669; } #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134149 > A SPAN.outer { border-color: #D0B669; } #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134149:hover > A SPAN.outer, #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134149.active > A SPAN.outer { background-color: #D0B669; } /** KUREN **/ #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134152 > A { color: #A59B92; } #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134152 > A SPAN.outer, #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134461 > A SPAN.outer { border-color: #A59B92; } #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134152:hover > A SPAN.outer, #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134152.active > A SPAN.outer, #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134461.active > A SPAN.outer { background-color: #A59B92; } /** REESE REISEN INFOS **/ #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134461 > A { color: #61C2ED; } #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134461 > A SPAN.outer { border-color: #61C2ED; } #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134461:hover > A SPAN.outer, #page #navigation #navigation_inner UL.level_0 > LI#navigation_133930_134461.active > A SPAN.outer { background-color: #61C2ED; } /** ELEMENT -> EMOTION **/ #page #content .home { margin-top: 20px; margin-top: 2rem; } #page #content_inner DIV.emotion--block > DIV { padding: 0; width: 100%; max-width: 100%; position: relative; } #page #content .emotion .image_gallery_content > DIV, #page #content .emotion .image_gallery_previews { display: none; } #page #content .emotion .image_gallery_content .image_gallery_image_container_outer { display: block; } /** THEME::MODUL::GALLERY::EMOTION **/ #page #content DIV.emotion .image_gallery_image_container IMG { max-width: none; } #page #content DIV.emotion.paragraph_image_gallery .image_gallery_content { overflow: visible; } #page #content .emotion .image_gallery_image_container { width: 100% !important; height: auto !important; overflow: hidden; position: relative; } @media screen and (min-width: 1200px) { #page #content .emotion .image_gallery_image_container { top: -52px; top: -5.2rem; } #page #content DIV.emotion.paragraph_image_gallery .image_gallery_content > DIV.image_gallery_image_container_outer { height: 400px; height: 40rem; } #page #content DIV.emotion.paragraph_image_gallery.start .image_gallery_content > DIV.image_gallery_image_container_outer { height: 550px; height: 55rem; } } @media screen and (max-width: 481px) { #page DIV.emotion .image_gallery_image_container { min-height: 180px; min-height: 18rem; } #page #content DIV.emotion .image_gallery_image_container IMG { margin-left: -235px; margin-left: -23.5rem; width: 470px; width: 47rem; height: auto; top: 0; left: 50%; position: absolute; } } @media screen and (min-width: 482px) and (max-width: 767px) { #page DIV.emotion .image_gallery_image_container { min-height: 270px; min-height: 27rem; } #page #content DIV.emotion .image_gallery_image_container IMG { margin-left: -375px; margin-left: -37.5rem; width: 750px; width: 75rem; height: auto; top: 0; left: 50%; position: absolute; } } @media screen and (min-width: 768px) { #page DIV.emotion .image_gallery_image_container { max-height: 700px; max-height: 70rem; } #page DIV.emotion.start .image_gallery_image_container { max-height: 700px; max-height: 70rem; } #page #content DIV.emotion .image_gallery_image_container IMG { max-width: 100%; } } @media screen and (min-width: 979px) { #page DIV.home DIV.emotion .image_gallery_image_container { min-height: 580px; min-height: 85rem; } #page DIV.home DIV.emotion.start .image_gallery_image_container { min-height: 580px; min-height: 58rem; } #page #content DIV.home DIV.emotion .image_gallery_image_container IMG { margin-left: -960px; margin-left: -96rem; width: 1920px; width: 192rem; height: auto; top: 0; left: 50%; max-width: none; position: absolute; } } /** ELEMENT --> CONTENT **/ #page #content .bg { background-color: #ffffff; } #page #content H1, #page #content H2 { color: #285986; text-transform: none; font-weight: 300; } #page #content .paragraph_headline { margin-bottom: 0; } @media screen and (min-width: 768px) and (max-width: 1200px) { #page #content .phone { position: absolute; right: 30px; right: 3rem; width: auto; text-align: right; top: -90px; top: -9rem; background-color: white; padding-top: 11px; padding-top: 1.1rem; } } @media screen and (min-width: 768px) and (max-width: 978px) { #page #content .phone { width: 278px; width: 27.8rem; } } #page #content .cta--phone A { display: block; width: 100%; color: #285986; font-size: 30px; font-size: 3rem; position: relative; text-decoration: none; display: none; } #page #content .cta--phone A I { font-size: 40px; font-size: 4rem; background-color: #285986; color: #fff; padding: 10px; padding: 1rem; border-radius: 10px; border-radius: 1rem; margin-right: 40px; margin-right: 4rem; } @media screen and (min-width: 768px) { #page #content .cta--phone A { display: block; } } @media screen and (min-width: 768px) and (max-width: 978px) { #page #content .cta--phone A I { margin-left: -140px; margin-left: -14rem; } } /** BOX STARTSEITE **/ #page #content .box_startseite { padding-top: 20px; padding-top: 2rem; } #page #content .box_startseite > DIV { margin: 0 -10px; margin: 0 -1rem; } #page #content .box_startseite .box { margin-bottom: 0; padding: 10px; padding: 1rem; } #page #content .box_startseite .box > DIV { border: 1px solid #285986; } #page #content .box_startseite .box > DIV > DIV { margin-bottom: 0; } #page #content #content_inner .box_startseite H3, #page #content #content_inner .box_startseite H3 A { color: #fff; text-align: center; } #page #content .box_startseite .headbar > DIV { background-color: #285986; padding: 10px 0; padding: 1rem 0; } #page #content .box_startseite .box_text { padding: 10px; padding: 1rem; } #page #content .box_startseite .box_text A { color: #285986; } #page #content .box_startseite .box_text EM A { font-style: normal; float: right; } /** CTA--BLUE **/ #page #content DIV.cta--button A { color: #285986; background-color: #fff; border: 1px solid #285986; transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out; } #page #content DIV.cta--button A:hover { color: #fff; background-color: #285986; } /** CTA--RED - ALT **/ #page #content .box_startseite .box.rota > DIV { border: 1px solid #FA2E2E; } #page #content .box_startseite .rota .headbar > DIV { background-color: #FA2E2E; } #page #content .rota DIV.cta--button A { color: #FA2E2E; border: 1px solid #FA2E2E; } #page #content .rota DIV.cta--button A:hover { background-color: #FA2E2E; color: #fff; } /** CTA--pink **/ #page #content .box_startseite .box.pink > DIV { border: 1px solid #ff0066; } #page #content .box_startseite .pink .headbar > DIV { background-color: #ff0066; } #page #content .pink DIV.cta--button A { color: #ff0066; border: 1px solid #FA2E2E; } #page #content .pink DIV.cta--button A:hover { background-color: #ff0066; color: #fff; } /** CTA--GOLD **/ #page #content .box_startseite .box.gold > DIV { border: 1px solid #C8AA61; } #page #content .box_startseite .gold .headbar > DIV { background-color: #C8AA61; } #page #content .gold DIV.cta--button A { color: #C8AA61; border: 1px solid #C8AA61; } #page #content .gold DIV.cta--button A:hover { background-color: #C8AA61; color: #fff; } /** CTA--GRÜN **/ #page #content .box_startseite .box.gruen > DIV { border: 1px solid #85D633; } #page #content .box_startseite .gruen .headbar > DIV { background-color: #85D633; } #page #content .gruen DIV.cta--button A { color: #85D633; border: 1px solid #85D633; } #page #content .gruen DIV.cta--button A:hover { background-color: #85D633; color: #fff; } /** CTA--ORANGE **/ #page #content .box_startseite .box.orange > DIV { border: 1px solid #FA802E; } #page #content .box_startseite .orange .headbar > DIV { background-color: #FA802E; } #page #content .orange DIV.cta--button A { color: #FA802E; border: 1px solid #FA802E; } #page #content .orange DIV.cta--button A:hover { background-color: #FA802E; color: #fff; } /** CTA--DUNKELGRÜN **/ #page #content .box_startseite .box.dgruen > DIV { border: 1px solid #2EA857; } #page #content .box_startseite .dgruen .headbar > DIV { background-color: #2EA857; } #page #content .dgruen DIV.cta--button A { color: #2EA857; border: 1px solid #2EA857; } #page #content .dgruen DIV.cta--button A:hover { background-color: #2EA857; color: #fff; } /** CTA--DUNKELGRÜN **/ #page #content .box_startseite .box.dgruen > DIV { border: 1px solid #2EA857; } #page #content .box_startseite .dgruen .headbar > DIV { background-color: #2EA857; } #page #content .dgruen DIV.cta--button A { color: #2EA857; border: 1px solid #2EA857; } #page #content .dgruen DIV.cta--button A:hover { background-color: #2EA857; color: #fff; } /** CTA--GRAU **/ #page #content .box_startseite .box.grau > DIV { border: 1px solid #A59B92; } #page #content .box_startseite .grau .headbar > DIV { background-color: #A59B92; } #page #content .grau DIV.cta--button A { color: #A59B92; border: 1px solid #A59B92; } #page #content .grau DIV.cta--button A:hover { background-color: #A59B92; color: #fff; } /** CTA--GRÜN **/ #page #content .box_startseite .box.gruen > DIV { border: 1px solid #25A783; } #page #content .box_startseite .gruen .headbar > DIV { background-color: #25A783; } #page #content .gruen DIV.cta--button A { color: #25A783; border: 1px solid #25A783; } #page #content .gruen DIV.cta--button A:hover { background-color: #25A783; color: #fff; } /** CTA-HELLBLAU **/ #page #content .box_startseite .box.hblau > DIV { border: 1px solid #00AFCA; } #page #content .box_startseite .hblau .headbar > DIV { background-color: #00AFCA; } #page #content .hblau DIV.cta--button A { color: #00AFCA; border: 1px solid #00AFCA; } #page #content .hblau DIV.cta--button A:hover { background-color: #00AFCA; color: #fff; } /** CTA--TÜRKIS **/ #page #content .box_startseite .box.tuerkis > DIV { border: 1px solid #75B9AE; } #page #content .box_startseite .tuerkis .headbar > DIV { background-color: #75B9AE; } #page #content .tuerkis DIV.cta--button A { color: #75B9AE; border: 1px solid #75B9AE; } #page #content .tuerkis DIV.cta--button A:hover { background-color: #75B9AE; color: #fff; } /** CTA--GELB **/ #page #content .box_startseite .box.gelb > DIV { border: 1px solid #D0B669; } #page #content .box_startseite .gelb .headbar > DIV { background-color: #D0B669; } #page #content .gelb DIV.cta--button A { color: #D0B669; border: 1px solid #D0B669; } #page #content .gelb DIV.cta--button A:hover { background-color: #D0B669; color: #fff; } /** CTA--ROT **/ #page #content .box_startseite .box.rot > DIV { border: 1px solid #D35851; } #page #content .box_startseite .rot .headbar > DIV { background-color: #D35851; } #page #content .rot DIV.cta--button A { color: #D35851; border: 1px solid #D35851; } #page #content .rot DIV.cta--button A:hover { background-color: #D35851; color: #fff; } /** CTA--DUNKELBLAU **/ #page #content .box_startseite .box.dblau > DIV { border: 1px solid #3E89C0; } #page #content .box_startseite .dblau .headbar > DIV { background-color: #3E89C0; } #page #content .dblau DIV.cta--button A { color: #3E89C0; border: 1px solid #3E89C0; } #page #content .dblau DIV.cta--button A:hover { background-color: #3E89C0; color: #fff; } /** CTA--ORANGE **/ #page #content .box_startseite .box.orange > DIV { border: 1px solid #F9942A; } #page #content .box_startseite .orange .headbar > DIV { background-color: #F9942A; } #page #content .orange DIV.cta--button A { color: #F9942A; border: 1px solid #F9942A; } #page #content .orange DIV.cta--button A:hover { background-color: #F9942A; color: #fff; } /** CTA--HELLERES BLAU **/ #page #content .box_startseite .box.heblau > DIV { border: 1px solid #61C2ED; } #page #content .box_startseite .heblau .headbar > DIV { background-color: #61C2ED; } #page #content .heblau DIV.cta--button A { color: #61C2ED; border: 1px solid #61C2ED; } #page #content .heblau DIV.cta--button A:hover { background-color: #61C2ED; color: #fff; } /** NEWSLETTER **/ #page #content .cta--button BUTTON { display: block; width: 100%; margin-top: 4px; margin-top: 4px; background-color: #fff; border: 1px solid #285986; color: #285986; cursor: pointer; transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out; } #page #content .cta--button BUTTON:hover { color: #fff; background-color: #285986; } /** FOOTER **/ #page #page_container_inner > #footer.paragraph { display: none; } #page #footer, #page #footer_inner { overflow: auto; } #page #footer .resp-2-4 > DIV > DIV { padding: 0; } #page #footer .infonavi UL { margin: 0; padding: 0; } #page #footer .infonavi LI { list-style-type: none; display: inline-block; font-size: 16px; font-size: 1.6rem; padding: 0 10px; padding: 0 1rem; } #page #footer .infonavi > UL > LI:first-child { padding-left: 0; } #page #footer .infonavi LI A { color: #fff; text-decoration: none; } #page #footer P.contact { font-size: 16px; font-size: 1.6rem; color: #fff; margin: 0; float: left; } #page #footer P.contact A { color: #fff; } #page #footer .infonavi { float: left; } #page #footer .infonavi #poweredby P, #page #footer .infonavi #poweredby P A { color: #fff; font-size: 16px; font-size: 1.6rem; text-decoration: none; margin: 10px 0 0 0; margin: 1rem 0 0 0; } #page #footer { padding-bottom: 40px; padding-bottom: 4rem; } @media screen and (min-width: 769px) { #page #footer { padding: 0; } } #page #footer .bus_logo { width: 100%; } #page #footer .bus_logo IMG { max-width: 300px; max-width: 30rem; } @media screen and (min-width: 981px) { #page #footer .bus_logo { width: 25%; } } #page #footer IMG { width: 100%; height: auto; } #page #footer .reise { float: left; } #page #footer .busreise { float: left; padding-left: 20px; padding-left: 2rem; } /** UNTERSEITEN CTA--GRAU **/ #page #content .grau .bg { background-color: #ffffff; } #page #content .grau H1, #page #content .grau H2, #page #content .grau H3, #page #content .grau .cta--phone A { color: #A59B92; } #page #content .grau .cta--phone A I { background-color: #A59B92; } /** UNTERSEITEN CTA--GRÜN **/ #page #content .gruen .bg { background-color: #ffffff; } #page #content .gruen H1, #page #content .gruen H2, #page #content .gruen H3, #page #content .gruen .cta--phone A { color: #25A783; } #page #content .gruen .cta--phone A I { background-color: #25A783; } /** UNTERSEITEN CTA--HELLBLAU **/ #page #content .hblau .bg { background-color: #ffffff; } #page #content .hblau H1, #page #content .hblau H2, #page #content .hblau H3, #page #content .hblau .cta--phone A { color: #00AFCA; } #page #content .hblau .cta--phone A I { background-color: #00AFCA; } /** UNTERSEITEN CTA--TÜRKIS **/ #page #content .tuerkis .bg { background-color: #ffffff; } #page #content .tuerkis H1, #page #content .tuerkis H2, #page #content .tuerkis H3, #page #content .tuerkis .cta--phone A { color: #75B9AE; } #page #content .tuerkis .cta--phone A I { background-color: #75B9AE; } /** UNTERSEITEN CTA--GELB **/ #page #content .gelb .bg { background-color: #ffffff; } #page #content .gelb H1, #page #content .gelb H2, #page #content .gelb H3, #page #content .gelb .cta--phone A { color: #D0B669; } #page #content .gelb .cta--phone A I { background-color: #D0B669; } /** UNTERSEITEN CTA--ROT **/ #page #content .rot .bg { background-color: #ffffff; } #page #content .rot H1, #page #content .rot H2, #page #content .rot H3, #page #content .rot .cta--phone A { color: #D35851; } #page #content .rot .cta--phone A I { background-color: #D35851; } /** UNTERSEITEN CTA--DUNKELBLAU **/ #page #content .dblau .bg { background-color: #ffffff; } #page #content .dblau H1, #page #content .dblau H2, #page #content .dblau H3, #page #content .dblau .cta--phone A { color: #3E89C0; } #page #content .dblau .cta--phone A I { background-color: #3E89C0; } /** UNTERSEITEN CTA--ORANGE **/ #page #content .orange .bg { background-color: #fff; } #page #content .orange H1, #page #content .orange H2, #page #content .orange H3, #page #content .orange .cta--phone A { color: #F9942A; } #page #content .orange .cta--phone A I { background-color: #F9942A; } /** UNTERSEITEN CTA--HELLERESBLAU **/ #page #content .heblau .bg { background-color: #fff; } #page #content .heblau H1, #page #content .heblau H2, #page #content .heblau H3, #page #content .heblau .cta--phone A { color: #61C2ED; } #page #content .heblau .cta--phone A I { background-color: #61C2ED; } /** UNTERSEITEN CTA--BLAU **/ #page #content .blau .bg { background-color: #fff; } #page #content .blau H1, #page #content .blau H2, #page #content .blau H3, #page #content .blau .cta--phone A { color: #285986; } #page #content .blau .cta--phone A I { background-color: #285986; } /** MAIN BG WHITE **/ #page #content .bg > DIV { background-color: #fff; } /** HEADLINE IFRAME **/ #page #content .iframe H3 { padding-bottom: 20px; padding-bottom: 2rem; } /** RESP-COLORS - STANDARD **/ /** BLAU **/ #page #sidemenu #sm_header, #page #sidemenu #sm_body UL > DIV.closemenu, #page #navigation #openmenu > SPAN, #page #bottom--phone > A, #page #navigation LI.level_0 > UL { background: #61C2ED; } #page #sidemenu LI.active.level_0 A SPAN.inner { color: #61C2ED; } /** GRAU **/ #page #sidemenu.grau #sm_header, #page #sidemenu.grau #sm_body UL > DIV.closemenu, #page #navigation #openmenu.grau > SPAN, #page #bottom--phone.grau > A, #page #navigation LI#navigation_133930_134125.level_0 > UL { background: #A59B92; } #page #sidemenu.grau LI.active.level_0 A SPAN.inner { color: #A59B92; } /** GRÜN **/ #page #sidemenu.gruen #sm_header, #page #sidemenu.gruen #sm_body UL > DIV.closemenu, #page #navigation #openmenu.gruen > SPAN, #page #bottom--phone.gruen > A, #page #navigation LI#navigation_133930_134125.level_0 > UL { background: #25A783; } #page #sidemenu.gruen LI.active.level_0 A SPAN.inner { color: #25A783; } /** HELLBLAU **/ #page #sidemenu.hblau #sm_header, #page #sidemenu.hblau #sm_body UL > DIV.closemenu, #page #navigation #openmenu.hblau > SPAN, #page #bottom--phone.hblau > A, #page #navigation LI#navigation_133930_134125.level_0 > UL { background: #00AFCA; } #page #sidemenu.hblau LI.active.level_0 A SPAN.inner { color: #00AFCA; } /** TÜRKIS **/ #page #sidemenu.tuerkis #sm_header, #page #sidemenu.tuerkis #sm_body UL > DIV.closemenu, #page #navigation #openmenu.tuerkis > SPAN, #page #bottom--phone.tuerkis > A, #page #navigation LI#navigation_133930_134125.level_0 > UL { background: #75B9AE; } #page #sidemenu.tuerkis LI.active.level_0 A SPAN.inner { color: #75B9AE; } /** GELB **/ #page #sidemenu.gelb #sm_header, #page #sidemenu.gelb #sm_body UL > DIV.closemenu, #page #navigation #openmenu.gelb > SPAN, #page #bottom--phone.gelb > A, #page #navigation LI#navigation_133930_134125.level_0 > UL { background: #D0B669; } #page #sidemenu.gelb LI.active.level_0 A SPAN.inner { color: #D0B669; } /** ROT **/ #page #sidemenu.rot #sm_header, #page #sidemenu.rot #sm_body UL > DIV.closemenu, #page #navigation #openmenu.rot > SPAN, #page #bottom--phone.rot > A, #page #navigation LI#navigation_133930_134125.level_0 > UL { background: #D35851; } #page #sidemenu.rot LI.active.level_0 A SPAN.inner { color: #D35851; } /** DUNKELBLAU **/ #page #sidemenu.dblau #sm_header, #page #sidemenu.dblau #sm_body UL > DIV.closemenu, #page #navigation #openmenu.dblau > SPAN, #page #bottom--phone.dblau > A, #page #navigation LI#navigation_133930_134125.level_0 > UL { background: #3E89C0; } #page #sidemenu.dblau LI.active.level_0 A SPAN.inner { color: #3E89C0; } /** ORANGE **/ #page #sidemenu.orange #sm_header, #page #sidemenu.orange #sm_body UL > DIV.closemenu, #page #navigation #openmenu.orange > SPAN, #page #bottom--phone.orange > A, #page #navigation LI#navigation_133930_134125.level_0 > UL { background: #F9942A; } #page #sidemenu.orange LI.active.level_0 A SPAN.inner { color: #F9942A; } /** HELLBLAU **/ #page #sidemenu.heblau #sm_header, #page #sidemenu.heblau #sm_body UL > DIV.closemenu, #page #navigation #openmenu.heblau > SPAN, #page #bottom--phone.heblau > A, #page #navigation LI#navigation_133930_134125.level_0 > UL { background: #61C2ED; } #page #sidemenu.heblau LI.active.level_0 A SPAN.inner { color: #61C2ED; } /** TABS **/ #page #content .tabs--tabs { display: inline-block; } #page #content DIV.paragraph_text.tabs--tabs UL > LI::BEFORE { content: none; } #page #content DIV.tabs--tabs UL > LI { display: inline-block; float: left; cursor: pointer; padding: 10px; padding: 1rem; border: 1px solid #285986; color: #285986; font-size: 18px; font-size: 1.8rem; margin-bottom: 10px; margin-bottom: 1rem; margin-right: 10px; margin-right: 1rem; } #page #content .tabs--tabs UL LI:hover, #page #content .tabs--tabs UL LI.tabs--current { background-color: #285986; color: #fff; } #page #content .tabs--box H3 { display: block; background-color: #285986; color: #fff; text-align: left; padding: 10px; padding: 1rem; } #page #content .tabs--box .tabs--content > DIV { padding: 20px; padding: 2rem; border: 1px solid #285986; margin: 0; } #page #content .tabs--box .tabs--content > DIV > DIV { padding: 0; } /** TEAM **/ #page #content .team .bild { margin-bottom: 0; } #page #content .team .text { background-color: #285986; color: #fff; padding: 10px; padding: 1rem; } #page #content .team .text P, #page #content .team .text A { color: #fff; text-align: center; font-size: 18px; font-size: 1.8rem; } #page #content .left { padding-right: 0; } #page #content .right { padding-left: 0; } /** BUS **/ #page #content .bus .paragraph_image P { width: 25%; float: left; } #page #content .bus .paragraph_image P SPAN.outer { padding: 10px; padding: 1rem; box-sizing: border-box; background-color: #fff; margin-top: -49px; margin-top: -4.9rem; position: absolute; color: #285986; } @media screen and (min-width: 769px) { #page #content .bus .paragraph_image P { float: unset; } } #page #content .main .karte { margin: 0 auto 40px; margin: 0 auto 4rem; position: relative; } #page #content .main .karte .on_card { position: absolute; top: 0; width: 200px; width: 20rem; } #page #content .main .karte .on_card P { position: absolute; top: 0; padding: 10px; padding: 1rem; color: #fff; background-color: #333366; } #page #content .main .karte .cmmap.off::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; z-index: 98; } #page #content .main .karte .zoom { position: absolute; top: 0; right: 0; width: 150px; width: 15rem; } #page #content .main .karte .zoom P { position: absolute; padding: 10px; padding: 1rem; color: #fff; background-color: red; cursor: pointer; transition: background-color 0.5 ease-in-out; z-index: 99; } #page #content .main .karte .zoom P.red { background-color: green; } @media screen and (max-width: 415px) { #page #content .main .karte IFRAME { height: 200px; height: 20rem; } } @media screen and (min-width: 768px) { #page #content .main .karte .zoom { top: 20px; top: 2rem; right: 20px; right: 2rem; } } @media screen and (min-width: 981px) { #page #content .big > DIV { height: 348px; height: 34.8rem; } } /** KUREN UNTERSEITE **/ #page #content .reisen { margin: 20px 0; margin: 2rem 0; } #page #content .reisen TABLE { width: 100%; } #page #content .reisen TABLE TR > TD { width: 33.333%; padding: 10px; padding: 1rem; } #page #content .reisen.more TABLE THEAD TR > TD { width: 25%; } #page #content .reisen.more TABLE TBODY TR > TD { width: 12%; } #page #content .headline-box { background-color: #A59B92; padding: 5px; padding: 0.5rem; margin-bottom: 10px; margin-bottom: 1rem; } #page #content .headline-box H3 { color: #fff; } #page #content .headline-box DIV > EM { font-size: 18px; font-size: 1.8rem; font-style: normal; } #page #content #content_inner .gutscheine { left: 3%; } @media screen and (min-width: 979px) { #page #content #content_inner .gutscheine { top: 15%; } } @media screen and (min-width: 1200px) { #page #content #content_inner .gutscheine { right: 20%; left: unset; } } #page #content #content_inner .gutscheine { z-index: 1; } #page #content .impression_link > DIV > DIV { width: 100%; float: left; } #page #content .flug_link { float: left; } @media screen and (min-width: 768px) { #page #content .impression_link > DIV > DIV { width: 50%; float: left; } } @media screen and (min-width: 979px) { #page #content .impression_link > DIV > DIV { width: 20%; float: left; } } /*** ELEMENT -> POPUP ***/ #page #content .popUp { top: 3%; left: 5%; width: 98%; position: absolute; background: #f6f6f6; z-index: 80; padding: 10px; padding: 1rem; box-sizing: border-box; border: 1px solid #f3f3f3; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); } @media screen and (min-width: 768px) { #page #content .popUp { left: 30%; max-width: 600px; margin-left: -200px; } } @media print { #page, #page_inner { width: 100%; height:auto; overflow: visible; float: none; position: static; padding: 0px; margin: 0px; } #page_container, #page_container_inner { width: 100%; height:auto; overflow: visible; float: none; position: static; padding: 0px; margin: 0px; } #header, #header_inner { width: 100%; height:auto; overflow: visible; float: none; position: static; padding: 0px; margin: 0px; } #navigation{ display: none; } #main, #main_inner { width: 100%; height:auto; overflow: visible; float: none; position: static; padding: 0px; margin: 0px; } #subnavigation{ display: none; } #content_container, #content_container_inner { width: 100%; height:auto; overflow: visible; float: none; position: static; padding: 0px; margin: 0px; } #content, //content_inner {width: 100%;position: static;margin: 0px;padding: 0px;float: none;clear: both;height: auto;overflow: visible;} #footer, #footer_inner { width: 100%; height:auto; overflow: visible; float: none; position: static; padding: 0px; margin: 0px; } #information_navigation{ display: none; } #page_content, //page_content_inner {width: 100%;position: static;margin: 0px;padding: 0px;float: none;clear: both;height: auto;overflow: visible;} }