/* APEX 24.08.2017 - Fabian Schenk */ /* Anpassungen für Wibko 06.08.2020 - Fabian*/ /******************************************************************************* SCHRIFTEN ****************************************************************************** @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,500,600,600i'); */ @import "fsw_navigation_fe.css"; @import "fsw_panel_fe.css"; @import "../fonts/fsw_fonts_roboto.css"; @import "fsw_checkbox_fe.css"; body{ padding: 0px 0px 0px 0px; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; font-family: 'Roboto', sans-serif; background-color: #ffffff; } /******************************************************************************* HINTERGRÜNDE *******************************************************************************/ /******************************************************************************* ÜBERSCHRIFTEN *******************************************************************************/ h1, h2, h3, h4 { font-family: 'Roboto', sans-serif; } .h1_teaser { color:#ffffff;} h2 { color:#004147; } .h2_teaser { color:#ffffff; } .h2_faq:hover { background-color:#0B6771; } .h2_kategorie { border:1px #419B9C solid; border-radius: 5px 5px 5px 5px; text-align:center; background-color:#ffffff; color:#419B9C; box-shadow: 0px 0px 5px #004147;} .h2_kategorie:hover { border:1px #ffffff solid; border-radius: 5px 5px 5px 5px; text-align:center; background-color:#84A6A7; color:#ffffff; box-shadow: 0px 0px 5px #ffffff; } .h2_kategorie_wide:hover { background-color:#0B6771; color:#ffffff;} .panel-title:hover { background-color:#0B6771; color:#ffffff; } /******************************************************************************* ELEMENTE *******************************************************************************/ .block_suche, .block_startseite { background-color:#0B6771; border-radius: 0px 0px 10px 10px; } .block_klickbox { background-color:#0B6771; border-radius: 10px 10px 10px 10px; } .block_wissen { background-color:#ffffff; } .block_startseite { background-image: url("../../../images/elemente/bg_block_suche.png"); background-position: center; background-size: cover; } .block_erklaerbaer { background-color:#CFDADA; border-radius: 10px 10px 10px 10px; background: url(../../../images/elemente/banner_erklaerbaer.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .block_erklaerbaer_hoch { border:1px #CFDADA solid; border-radius:10px; padding:0px 15px; } .block_filterdisplay{ list-style: none; border:1px #CFDADA solid; border-radius:10px; padding:7px 10px 7px 10px; margin:5px 0px; } .footer { background-color:#0b6771; } .textbox { padding:15px; } .angebotsbox { margin:15px; border:2px #D0D3D2 solid; } .searchbox { padding:0px 10px 10px 10px; } /* .kategoriebox { background-image: url("../../../images/platzhalter_angebot.jpg"); background-position: center; background-size: cover; } */ .kategoriebox_wide { background-image: url("../../../images/elemente/banner_erklaerbaer_hell.jpg"); background-position: center; background-size: cover; } .bg_module { background-image: url("../../../images/backgrounds/module.png"); background-position: center; background-size: cover;} .bg_studiengaenge { background-image: url("../../../images/backgrounds/studiengaenge.png"); background-position: center; background-size: cover; } .bg_veranstaltungen { background-image: url("../../../images/backgrounds/veranstaltungen.png"); background-position: center; background-size: cover;} .bg_zertifikate { background-image: url("../../../images/backgrounds/zertifikate.png"); background-position: center; background-size: cover;} .white_box { margin:15px; background-color:#ffffff; border-radius: 10px 10px 10px 10px; } .white_abc_box { margin:0px 15px 15px 15px; background-color:#ffffff; border-radius: 5px 5px 5px 5px; } /* .block_wiwe { background-image: url("../../../images/elemente/banner_erklaerbaer_hell.jpg"); background-position: center; background-size: cover; } */ .btn:focus,.btn:active { outline: none !important; box-shadow: none; } .scrollToTop{ text-align:center; font-size:40px; color: #fff; text-decoration: none; position:fixed; z-index:2000; width: 50px; bottom:10%; right:5%; display:none; background-color:#0b6771; } .scrollToTop:visited { text-decoration:none; color: #ffffff; } .scrollToTop:hover { text-decoration:none; color: #F8AC01; } .scrollToTop:focus { text-decoration:none; color: #ffffff; } .detailbutton { border:1px #84A6A7 solid; background-color:#0B6771; color:#ffffff; } .detailbutton:hover { border:1px #84A6A7 solid; background-color:#84A6A7; color:#ffffff; -webkit-box-shadow: 0px 5px 5px -1px rgba(0,0,0,0.5); box-shadow: 0px 5px 5px -1px rgba(0,0,0,0.5);} .detailbutton:active { border:1px #84A6A7 solid; background-color:#ffffff; color:#004147; } .detailbutton_disabled, .detailbutton_disabled:hover { border:1px #84A6A7 solid; background-color:#7b898a; color:#ffffff; } /* 7b898a */ .submit_button { width:100%; font-size:18px; border:1px #419B9C solid; border-radius: 5px 5px 5px 5px; text-align:center; background-color:#ffffff; color:#419B9C; box-shadow: 0px 0px 10px #004147;} .submit_button:hover { width:100%; font-size:18px; border:1px #ffffff solid; border-radius: 5px 5px 5px 5px; text-align:center; background-color:#84A6A7; color:#ffffff; box-shadow: 0px 0px 10px #ffffff; } /* BOOTSTRAP OVERRIDE .form-control { -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .0); box-shadow: inset 0 0px 0px rgba(0, 0, 0, .0); } */ /******************************************************************************* BILDER *******************************************************************************/ img { image-rendering: -webkit-optimize-contrast; } .img_wibko_white{ border:2px #0B6771 solid; border-radius: 10px 10px 10px 10px; } /******************************************************************************* PARAGRAPHS *******************************************************************************/ p { font-family: 'Roboto', sans-serif; color:#383838; } .p_footer { color: #000000; } .p_filteroption { color: #ffffff; } .p_button { border:1px #419B9C solid; border-radius: 5px 5px 5px 5px; text-align:center; background-color:#ffffff; color:#419B9C; box-shadow: 0px 0px 10px #004147;} .p_button:hover { border:1px #ffffff solid; border-radius: 5px 5px 5px 5px; text-align:center; background-color:#84A6A7; color:#ffffff; box-shadow: 0px 0px 10px #ffffff; } .p_button_w { border:1px #419B9C solid; border-radius: 5px 5px 5px 5px; text-align:center; background-color:#ffffff; color:#419B9C; } .p_button_w:hover { border:1px #419B9C solid; border-radius: 5px 5px 5px 5px; text-align:center; background-color:#419B9C; color:#ffffff; box-shadow: 0px 0px 10px #ffffff; } /******************************************************************************* AUFZÄHLUNGEN *******************************************************************************/ .ul_text { list-style-type:none; margin:0px; padding:0px;} .ul_text li { border-bottom:1px #DDDDDD solid; padding:8px 7px 8px 7px;} .ul_text li:hover { background-color:#F5F5F5; } .ul_text li:last-child { border:0px; } .ul_angebotsliste { list-style-type:none; } .ul_angebotsliste li { border-bottom:2px #e1e1e1 dotted; } .ul_footer { list-style-type:none; } .ul_footer li { border-bottom:1px #ffffff solid; } .ul_alphabet { padding: 5px 5px 0px 5px; list-style-type:none; background-color:#0B6771; } .ul_alphabet li { padding: 0px 0px 5px 0px; text-align:center; font-weight:600; } .ul_mywibko_nav { padding: 0px 0px 5px 0px; text-align:center; font-weight:400; } .ul_mywibko_nav li { padding: 10px 0px 10px 0px; border-bottom:2px solid #419B9C; border-radius:0px 0px 10px 0px; } .ul_cloud { list-style: none; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding:0px; margin:0px;} .ul_cloud a { color: #0B6771; display: block; font-size: 1.9rem; line-height: 3.5rem; padding: 0.25rem 1.5rem; text-decoration: none; position: relative; } ul.cloud a:hover { text-decoration:underline; text-decoration-style: double; } /******************************************************************************* TABELLEN *******************************************************************************/ /* table{ font-family: 'Open Sans', sans-serif; color:#383838; } */ /*Bootstrap override*/ /* .table-striped > thead > tr { background-color: #ffffff; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-striped > tbody > tr:nth-of-type(even) { background-color: #ffffff; } */ /* Bootstrap override ende*/ /* .notablehead tr:first-child td{ border:0px; } .td_desc{ text-align:left; } .td_stat{ text-align:right;} */ /******************************************************************************* HYPERLINKS *******************************************************************************/ a { text-decoration:none; } a:visited { text-decoration:none; } a:active { text-decoration:none !important; } a:focus { text-decoration:none !important; } a:hover { text-decoration:none; } .a_text { color:#383838; text-decoration:none; } .a_text:visited { color:#383838; text-decoration:none; } .a_text:active { color:#383838; text-decoration:none; } .a_text:hover { color:#0B6771; text-decoration:none; } .a_angebote { color:#004147; text-decoration:none; } .a_angebote:visited { color:#004147; text-decoration:none; } .a_angebote:active { color:#004147; text-decoration:none; } .a_angebote:hover { color:#004147; text-decoration:underline; } .a_footer { color:#ffffff; text-decoration:none; } .a_footer:visited { color:#ffffff; text-decoration:none; } .a_footer:active { color:#ffffff; text-decoration:none; } .a_footer:hover { color:#000000; text-decoration:none; } .a_suche { color:#ffffff; text-decoration:none; } .a_suche:visited { color:#ffffff; text-decoration:none; } .a_suche:active { color:#ffffff; text-decoration:none; } .a_suche:hover { color:#000000; text-decoration:none; } .a_faq { color:#000000; text-decoration:none; } .a_faq:visited { color:#000000; text-decoration:none; } .a_faq:active { color:#000000; text-decoration:none; } .a_faq:hover { color:#ffffff; text-decoration:none; } .a_wiwe { color:#0B6771; text-decoration:none; } .a_wiwe:visited { color:#0B6771; text-decoration:none; } .a_wiwe:active { color:#0B6771; text-decoration:none; } .a_wiwe:hover { color:#0B6771; text-decoration:underline; } .a_kontakt { color:#383838; text-decoration:underline; } .a_kontakt:visited { color:#383838; text-decoration:none; } .a_kontakt:active { color:#383838; text-decoration:none; } .a_kontakt:hover { color:#0B6771; text-decoration:none; } .a_alphabet { color:#ffffff; text-decoration:none; } .a_alphabet:visited { color:#ffffff; text-decoration:none; } .a_alphabet:active { color:#7DE2D1; text-decoration:none; } .a_alphabet:hover { color:#7DE2D1; text-decoration:dotted; } /******************************************************************************* PANEL *******************************************************************************/ /******************************************************************************* Media Queries *******************************************************************************/ /* ==================== Very Small Mobile Devices under 320px =============== */ @media only screen and (min-width : 1px) { /* Navigation ================== */ /* Layout ====================== */ .block_startseite { margin: 0px 0px 45px 0px; padding: 90px 0px 0px 0px; border-radius: 0px 0px 10px 10px; } .block_suche { margin: 0px 0px 45px 0px; padding: 85px 0px 0px 0px; border-radius: 0px 0px 10px 10px; } .block_focus { margin: 0px 0px 75px 0px; padding: 0px 0px 0px 0px; } .block_klickbox { margin: 0px 0px 75px 0px; padding: 0px 0px 0px 0px; } .block_wissen { margin: 0px 0px 75px 0px; padding: 0px 0px 0px 0px; } .block_erklaerbaer { margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; border-radius: 10px 10px 10px 10px; } .block_erklaerbaer2 { margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; border-radius: 10px 10px 10px 10px; } .block_esf { margin: 0px 0px 40px 0px; padding: 40px 15px 0px 15px; } .block_footer { margin: 0px 0px 150px 0px; padding: 0px 0px 0px 0px; } .textbox { padding: 0px 15px 15px 15px; } .textbox_centered { padding: 5px 15px 15px 15px; text-align:center; } .suchbox { padding: 0px 15px 15px 15px; } .suchbox_collapse { padding: 0px 15px 0px 15px; } .angebotbox_header { margin: 0px 0px 0px 0px; padding: 0px 15px 0px 5px; } .angebotbox_content { margin: 0px 0px 0px 0px; padding: 0px 15px 5px 5px; } .angebotsbox_round { margin:15px 15px 15px 15px; border:0px; border-radius: 10px 10px 10px 10px; } .kategoriebox { margin: 0px 0px 30px 0px; border:2px #D0D3D2 solid; border-radius: 10px 10px 10px 10px; -webkit-box-shadow: inset 0px 0px 20px 5px rgba(0,0,0,0.41); box-shadow: inset 0px 0px 20px 5px rgba(0,0,0,0.41); } .preisbox { margin: 0px 0px 15px 0px; padding: px 0px 0px 0px; border: 1px #84A6A7 solid; border-radius: 10px;} .optionbox { margin: 0px 0px 0px 0px; padding:5px 0px; border: 0px #84A6A7 solid; border-radius: 10px;} .mywibkobox { margin: 0px 0px 0px 0px; padding:30px 0px 0px 0px; } .alphabetbox { margin: 0px 0px 0px 0px; padding:5px 0px; background-color:#0B6771; position:fixed; border-radius: 10px;} .panel-title { font-size: 17px; line-height:24px; margin: 0px 0px 20px 0px; padding: 10px 10px 10px 10px; border:1px #0B6771 solid; font-weight:400; color:#0B6771; border-radius:10px; } /* .block_youtube { margin: 0px 0px 75px 0px; padding: 0px 0px 0px 0px; border-radius: 10px 10px 10px 10px; } .block_verbund { margin: 0px 0px 75px 0px; padding: 0px 0px 0px 0px; } .block_imprint { margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; } .block_wiwe { margin:30px 0px 15px 0px; padding: 0px 0px 0px 0px; } .angebotsbox { margin:15px; } .kategoriebox_wide { border:2px #D0D3D2 solid; border-radius: 0px 0px 10px 0px; } */ /* Überschriften =============== */ .h1_teaser { font-size: 32px; margin: 0px 0px 0px 0px; padding: 0px 10px 20px 10px; border-bottom:0px #ffffff solid; line-height:40px; text-align:center; color: #ffffff; letter-spacing:0px;} .h1_header { font-size: 22px; margin: 0px 0px 0px 0px; padding: 0px 10px 10px 10px; border-bottom:0px #ffffff solid; line-height:30px; text-align:center; color: #ffffff; letter-spacing:0px;} .h2_teaser { font-size: 18px; line-height:22px; margin: 0px 0px 5px 0px; padding: 5px 10px 0px 10px; border-bottom:0px #ffffff solid; text-align:center; color: #ffffff; } .h2_page { font-size: 26px; line-height:40px; margin: 30px 15px 5px 15px; padding: 0px 10px 5px 10px; text-align:center; border-bottom:0px #333333 solid; font-weight:300;} .h2_kategorie { font-size: 18px; line-height:20px; margin: 40px 30px 40px 30px; padding: 5px 0px 5px 0px; text-align:center; font-weight:400; } .h2_angebotsliste { font-size: 22px; line-height:30px; margin: 30px 0px 15px 0px; padding: 0px 5px 5px 5px; border-bottom:1px #333333 dotted; text-align:left; font-weight:400; } .h2_imprint { font-size: 26px; line-height:30px; margin: 15px 5px 15px 5px; padding: 0px 10px 15px 10px; border-bottom:1px #333333 solid; text-align:left; font-weight:400;} .h2_mywibko { font-size: 26px; line-height:26px; margin: 25px 5px 5px 5px; padding: 0px 10px 5px 10px; text-align:left; color: #004147; border-bottom:1px #1e9293 dotted; font-weight:400;} .h2_ticket { font-size: 26px; line-height:26px; margin: 10px 5px 5px 5px; padding: 0px 10px 5px 10px; text-align:left; color: #004147; border-bottom:1px #1e9293 dotted; font-weight:400;} .h3_angebotsliste { font-size: 18px; line-height:20px; margin:10px 0px 5px 0px; padding: 0px 10px 5px 5px; text-align:left; color: #0B6771; } .h3_angebotsliste_roll { font-size: 18px; line-height:20px; margin:10px 0px 5px 5px; padding: 0px 10px 5px 5px; text-align:left; color: #0B6771; border-bottom:1px #004147 solid; } .h3_angebotsbox { font-size: 19px; line-height:23px; margin: 0px 0px 5px 0px; padding:15px 15px 5px 5px; text-align:left; font-weight:300; border-bottom:1px #000 solid; } .h3_page { font-size: 21px; line-height:25px; margin:30px 10px 5px 10px; padding: 0px 10px 5px 10px; text-align:center; font-weight:300;} .h3_mywibko { font-size: 18px; line-height:26px; margin:25px 5px 5px 5px; padding: 0px 10px 5px 10px; text-align:left; color: #004147; border-bottom:1px #1e9293 dotted; font-weight:400;} .h3_imprint { font-size: 20px; line-height:30px; margin: 5px 5px 5px 5px; padding: 0px 10px 5px 25px; text-align:left; font-weight:400;} .h3_deleted_roll { font-size: 15px; line-height:18px; margin:10px 15px 5px 15px; padding:20px 10px 5px 10px; text-align:center; color: #84A6A7; } .h3_ticket { font-size: 18px; line-height:26px; margin:15px 5px 5px 5px; padding: 0px 10px 5px 10px; text-align:left; color: #004147; border-bottom:1px #1e9293 dotted; font-weight:400;} .h4_angebotsbox { font-size: 17px; line-height:18px; margin: 0px 0px 5px 0px; padding:10px 10px 5px 5px; text-align:left; font-weight:300; color: #000000; } .h4_imprint { font-size: 16px; line-height:30px; margin: 5px 5px 5px 5px; padding: 0px 10px 5px 25px; text-align:left; font-weight:400;} .h4_mywibko { font-size: 16px; line-height:20px; margin:25px 5px 5px 5px; padding: 0px 10px 5px 10px; text-align:left; color: #004147; border-bottom:1px #1e9293 dotted; font-weight:400;} .h4_ticket { font-size: 17px; line-height:20px; margin:15px 5px 10px 5px; padding: 5px 10px 5px 10px; text-align:left; color: #004147; border-bottom:1px #84A6A7 solid; font-weight:400;} /* .h1_angebote { font-size: 24px; margin: 30px 0px 15px 0px; padding: 0px 10px 15px 10px; border-bottom:0px #000000 solid; line-height:24px; text-align:left; color: #000000; } .h2_kategorie_wide { font-size: 20px; margin: 30px 30px 30px 30px; padding: 5px 0px 5px 0px; border:1px #0B6771 solid; line-height:30px; text-align:center; font-weight:400; background-color:#ffffff; color:#0B6771;} .h3_erklaerbaer { font-size: 16px; line-height:16px; margin:10px 0px 5px 0px; padding: 0px 10px 5px 10px; text-align:center; color: #004147;} .h4_preis { font-size: 16px; line-height:16px; margin: 0px 0px 0px 0px; padding: 0px 10px 5px 0px; text-align:left; color: #000000;} / /* Paragraphs ================= */ .p_teaser { font-size: 16px; line-height:22px; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 10px; color: #ffffff; font-weight:300; text-align:center; } .p_teaser_large { font-size: 17px; line-height:28px; margin: 0px 0px 0px 0px; padding: 0px 10px 15px 10px; color: #ffffff; font-weight:300; text-align:center; } .p_header { font-size: 16px; line-height:22px; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 10px; color: #ffffff; font-weight:300; text-align:center; } .p_button { font-size: 15px; line-height:22px; margin:15px 0px 15px 0px; padding:10px 10px 10px 10px; text-align:center; font-weight:600; } .p_button:hover { font-size: 15px; line-height:22px; margin:15px 0px 15px 0px; padding:10px 10px 10px 10px; text-align:center; font-weight:600; box-shadow: 0px 0px 5px white; } .p_filteroption { font-size: 15px; line-height:16px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #ffffff; font-weight:300; text-align:center; } .p_filter { font-size: 15px; line-height:16px; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 5px; color: #ffffff; font-weight:300; text-align:left; } .p_text { font-size: 15px; line-height:20px; margin: 0px 10px 0px 0px; padding: 0px 10px 20px 5px; color: #000000; font-weight:300; text-align:left; } .p_ticket { font-size: 15px; line-height:20px; margin: 0px 10px 0px 0px; padding: 0px 10px 5px 15px; color: #000000; font-weight:300; text-align:left; } .p_button_w { font-size: 15px; line-height:22px; margin: 0px 0px 45px 0px; padding:10px 15px 10px 15px; text-align:center; font-weight:600; } .p_button_w:hover { font-size: 15px; line-height:22px; margin: 0px 0px 45px 0px; padding:10px 15px 10px 15px; text-align:center; font-weight:600; box-shadow: 0px 0px 10px white; } .p_erklaerbaer { font-size: 15px; line-height:20px; margin: 0px 0px 0px 0px; padding: 0px 10px 20px 10px; color: #000000; font-weight:400; text-align:center; } .p_esf { font-size: 12px; line-height:18px; margin: 0px 0px 0px 0px; padding: 0px 10px 20px 10px; color: #000000; font-weight:400; text-align:center; } .p_angebotsliste { font-size: 15px; line-height:17px; margin: 0px 0px 10px 5px; padding: 0px 0px 0px 0px; color: #004147; font-weight:300; text-align:left; } .p_angebotsliste_roll { font-size: 15px; line-height:17px; margin: 5px 15px 5px 10px; padding: 0px 0px 0px 0px; color: #004147; font-weight:300; text-align:left; } .p_angebotsliste_vergleich { font-size: 15px; line-height:17px; margin: 5px 15px 5px 0px; padding: 0px 0px 0px 0px; color: #004147; font-weight:300; text-align:left; } .p_vergleich { font-size: 15px; line-height:20px; margin: 5px 0px 5px 15px; padding: 5px 5px 5px 10px; color: #004147; font-weight:300; text-align:left; } .p_wiwe { font-size: 14px; line-height:22px; margin: 5px 0px 0px 0px; padding:10px 10px 0px 20px; color: #000000; font-weight:400; text-align:left; } .p_imprint { font-size: 15px; line-height:26px; margin: 0px 0px 0px 0px; padding: 0px 15px 15px 15px; color: #000000; font-weight:300; text-align:left; } .p_faq { font-size: 15px; line-height:24px; margin: 0px 0px 0px 0px; padding: 0px 10px 15px 10px; color: #000000; font-weight:300; text-align:left; } .p_alphabet { font-size: 14px; line-height:16px; margin: 0px 0px 0px 0px; padding: 0px 0px 20px 10px; color: #000000; font-weight:600; text-align:left; } /* .p_teaser_or { font-size: 24px; line-height:36px; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 10px; color: #ffffff; font-weight:300; text-align:center; font-weight:500; } .p_options { font-size: 14px; line-height:26px; margin: 0px 0px 15px 0px; padding: 5px 10px 5px 10px; color: #000000; font-weight:300; text-align:center; border: 1px #419B9C solid; } .p_preis { font-size: 18px; line-height:16px; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 0px; color: #000000; font-weight:600; text-align:left; } */ /*Aufzählungen ==================== */ .ul_footer { font-size: 15px; line-height:26px; margin: 10px 0px 0px 0px; padding: 10px 10px 10px 10px; font-weight:400; text-align:left;} .ul_footer li { padding: 3px 10px 3px 10px; } .ul_angebotsliste { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type:none; } .ul_angebotsliste_roll { margin: 5px 15px 10px 25px; padding: 0px 0px 0px 0px; list-style-type:circle; color: #004147; font-weight:300; text-align:left; } .ul_angebotsliste_roll li { margin: 0px 0px 5px 0px; font-size: 14px; line-height:20px; } .ul_angebotsliste_vergleich { margin: 5px 15px 10px 15px; padding: 0px 0px 0px 0px; list-style-type:circle; color: #004147; font-weight:300; text-align:left; } .ul_angebotsliste_vergleich li{ margin: 0px 0px 5px 0px; font-size: 14px; line-height:20px; } .ul_imprint { margin: 0px 0px 0px 0px; padding: 0px 15px 15px 40px; font-weight:300; text-align:left; } .ul_imprint li { margin: 0px 0px 5px 0px; font-size: 16px; line-height:26px; } .ul_angebotsliste_deroll { margin: 5px 0px 10px 25px; padding: 0px 0px 0px 0px; list-style-type:circle; color: #004147; font-weight:300; text-align:left; } .ul_angebotsliste_deroll li { padding: 0px 0px 3px 0px; font-size: 14px; line-height:22px; } .ul_alphabet { margin:0px; } .ul_alphabet li { margin:0px; padding:0px 5px 2px 3px; font-size:14px; text-align:center; font-weight:600; } .ul_faq { font-size: 15px; line-height:24px; margin: 0px 0px 0px 20px; padding: 0px 0px 15px 20px; color: #000000; font-weight:300; text-align:left; } /* .ul_angebotsliste_detail { list-style-type:none; margin: 0px 0px 10px 10px; padding: 0px 0px 0px 0px; color: #004147; font-weight:300; text-align:left; } .ul_angebotsliste_detail li { font-size: 16px; line-height:20px; } .ol_error { font-size: 14px; line-height:26px; margin: 0px 10px 0px 10px; padding: 0px 10px 20px 10px; color: #000000; font-weight:300; text-align:left; } */ /*Objekte ==================== */ .search_input { margin:0px 0px 15px 0px; padding:20px 15px 20px 15px; font-size:18px; } .search_select { margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } .search_select li { font-size:15px; } .detailbutton, .detailbutton_disabled { margin: 0px 0px 15px 0px; padding:10px 15px 10px 25px; font-size:15px; text-align:center; font-weight:600; width:100%; border-radius:5px;} .detailbutton:hover { margin: 0px 0px 15px 0px; padding:10px 15px 10px 25px; font-size:15px; text-align:center; font-weight:600; width:100%; } .detailbutton:active { margin: 0px 0px 15px 0px; padding:10px 15px 10px 25px; font-size:15px; text-align:center; font-weight:600; width:100%; } .hr_h2_page { margin: 0px 40% 30px 40%; padding:0px 0px 0px 0px; border:1px #004147 solid; } .img_wibko_white { height: 150px; width: 100% !important; object-fit: cover; object-position: center center; } .icon_erklaerbaer { font-size:40px; color:#004147; padding: 0px 0px 10px 0px; } .icon_exclamation { font-size:65px; color:#0B6771; padding: 0px 0px 0px 15px; text-align:center; } .footer_wiwe { margin: 20px 0px 0px 0px} .angebot1_select { margin: 0px 0px 10px 0px; border-left: 5px #1E9293 solid; border-bottom: 1px #1E9293 solid; border-radius: 10px 0px 5px 10px;} .angebot1 { border-left: 5px #1E9293 solid; border-bottom: 1px #1E9293 solid; border-radius: 10px 0px 0px 10px;} .angebot2_select { margin: 0px 0px 10px 0px; border-left: 5px #D86411 solid; border-bottom: 1px #D86411 solid; border-radius: 10px 0px 5px 10px;} .angebot2 { border-left: 5px #D86411 solid; border-bottom: 1px #D86411 solid; border-radius: 10px 0px 0px 10px;} /* .angebotsbutton { margin:15px 15px 15px 15px; padding:5px 15px 5px 15px; text-align:center; border:1px #419B9C solid; background-color:#ffffff; color:#419B9C; } .angebotsbutton:hover { margin:15px 15px 15px 15px; padding:5px 15px 5px 15px; text-align:center; border:1px #419B9C solid; background-color:#419B9C; color:#ffffff; } .teaserbutton { margin:15px 15px 15px 15px; padding:5px 15px 5px 15px; text-align:left; border:1px #419B9C solid; background-color:#ffffff; color:#419B9C; font-weight:600; width:200px; } .teaserbutton:hover { margin:15px 15px 15px 15px; padding:5px 15px 5px 15px; text-align:left; border:1px #419B9C solid; background-color:#419B9C; color:#ffffff; font-weight:600; width:200px; box-shadow: 0px 0px 10px white; } */ } @media only screen and (max-width : 319px) { .ab320{ display:none; } } /* ====================== Custom, iPhone Retina 320px-479px ================= */ @media only screen and (min-width : 320px) { .bis319{ display:none; } } @media only screen and (max-width : 479px) { .ab480{ display:none; } } /* ================= Extra Small Devices, Phones 480px-767px ================ */ @media only screen and (min-width : 480px) { .bis480 { display:none; } } @media only screen and (max-width : 767px) { .ab768{ display:none; } } /* ===================== Small Devices, Tablets 768px-991px ================= */ @media only screen and (min-width : 768px) { /* Navigation ================== */ /* Layout ====================== */ .block_startseite { margin: 0px 0px 45px 0px; padding: 200px 0px 0px 0px; border-radius: 0px 0px 10px 10px; } .block_suche { margin: 0px 0px 45px 0px; padding: 180px 0px 0px 0px; border-radius: 0px 0px 10px 10px; } .angebotbox_header { padding: 0px 15px 0px 5px; margin: 0px 0px 0px 0px; } .angebotbox_content { padding: 0px 15px 5px 5px; margin: 10px 0px 0px 0px; } .angebotsbox_round { margin:15px; border:0px; border-right:2px #0B6771 solid; border-radius: 10px 10px 10px 10px; } /* .block_focus { margin: 0px 0px 75px 0px; padding: 0px 0px 0px 0px; } .block_youtube { margin: 0px 0px 75px 0px; padding: 0px 0px 0px 0px; border-radius: 10px 10px 10px 10px; } .block_verbund { margin: 0px 0px 75px 0px; padding: 0px 0px 0px 0px; } .block_erklaerbaer { margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; border-radius: 10px 10px 10px 10px; } .block_imprint { margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; } .block_wiwe { margin:30px 0px 15px 0px; padding: 0px 0px 0px 0px; } .block_esf { margin: 0px 0px 40px 0px; padding: 0px 0px 0px 0px; } .block_footer { margin: 0px 0px 150px 0px; padding: 0px 0px 0px 0px; } .textbox { padding:15px; } .textbox_centered { padding:15px; text-align:center; } .angebotsbox { margin:15px; } .suchbox { padding: 0px 15px 15px 15px; } .angebotsbox_liste { margin:15px; border:1px #333333 dotted; border-radius: 0px 0px 20px 0px; } .angebotsbox_liste:hover { border:1px #333333 solid; -webkit-box-shadow: 0px 5px 10px 5px rgba(200,200,200,0.6); box-shadow: 0px 5px 10px 5px rgba(200,200,200,0.6);} .optionbox { padding:15px; border: 1px #84A6A7 solid; border-radius: 10px;} .preisbox { margin: 0px 0px 15px 0px; padding: px 0px 0px 0px; border: 1px #84A6A7 solid; border-radius: 10px;} .kategoriebox { border:2px #D0D3D2 solid; border-radius: 10px 10px 10px 10px; } .kategoriebox_wide { border:2px #D0D3D2 solid; border-radius: 0px 0px 10px 0px; } */ /* Überschriften =============== */ .h1_header { font-size: 34px; margin: 0px 0px 0px 0px; padding: 0px 10px 15px 10px; border-bottom:0px #ffffff solid; line-height:38px; text-align:left; color: #ffffff; letter-spacing:0px;} .h2_kategorie { font-size: 20px; line-height:30px; margin: 60px 30px 60px 30px; padding: 5px 0px 5px 0px; text-align:center; font-weight:400;} .h3_angebotsbox { font-size: 24px; line-height:26px; margin: 0px 0px 5px 0px; padding: 5px 0px 5px 5px; text-align:left; } .h3_angebotsliste { font-size: 18px; line-height:20px; margin:10px 0px 5px 0px; padding: 0px 10px 5px 10px; text-align:left; } .h3_angebotsliste_roll { font-size: 18px; line-height:20px; margin:10px 15px 5px 10px; padding: 0px 10px 5px 5px; text-align:left; } .h4_angebotsbox { font-size: 20px; line-height:20px; margin: 0px 10px 5px 5px; padding: 5px 0px 0px 0px; text-align:left; } /* .h1_teaser { font-size: 38px; margin: 30px 0px 15px 0px; padding: 0px 10px 15px 10px; border-bottom:0px #ffffff solid; line-height:50px; text-align:left; color: #ffffff; letter-spacing:1px;} .h1_angebote { font-size: 24px; margin: 30px 0px 15px 0px; padding: 0px 10px 15px 10px; border-bottom:0px #000000 solid; line-height:24px; text-align:left; color: #000000; } .h2_teaser { font-size: 38px; margin: 30px 0px 15px 0px; padding: 0px 10px 15px 10px; border-bottom:0px #ffffff solid; line-height:50px; text-align:left; color: #ffffff; letter-spacing:1px;} .h2_page { font-size: 30px; margin: 30px 50px 5px 50px; padding: 0px 10px 5px 10px; border-bottom:0px #333333 solid; line-height:40px; text-align:center; font-weight:300;} .h2_imprint { font-size: 30px; margin: 15px 0px 5px 15px; padding: 0px 10px 5px 10px; border-bottom:0px #333333 solid; line-height:40px; text-align:left; font-weight:300;} .h2_kategorie_wide { font-size: 20px; margin: 30px 30px 30px 30px; padding: 5px 0px 5px 0px; border:1px #0B6771 solid; line-height:30px; text-align:center; font-weight:400; background-color:#ffffff; color:#0B6771;} .h3_page { font-size: 22px; margin: 30px 10px 5px 10px; padding: 0px 10px 5px 10px; border-bottom:0px #333333 solid; line-height:40px; text-align:center; font-weight:300;} .h3_erklaerbaer { font-size: 16px; line-height:16px; margin:10px 0px 5px 0px; padding: 0px 10px 5px 10px; line-height:20px; text-align:center; color: #004147;} .h3_deleted_roll { font-size: 15px; line-height:18px; margin:10px 15px 5px 15px; padding: 0px 10px 5px 10px; text-align:center; color: #84A6A7; } .h4_preis { font-size: 16px; line-height:16px; margin: 0px 0px 0px 0px; padding: 0px 10px 5px 0px; text-align:left; color: #000000;} */ /* Paragraphs ================= */ .p_header { font-size: 16px; line-height:22px; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 10px; color: #ffffff; font-weight:300; text-align:left; } .p_button { font-size: 16px; line-height:22px; margin:15px 0px 15px 0px; padding:10px 10px 10px 10px; text-align:center; font-weight:600; } .p_button:hover { font-size: 16px; line-height:22px; margin:15px 0px 15px 0px; padding:10px 10px 10px 10px; text-align:center; font-weight:600; box-shadow: 0px 0px 5px white; } .p_teaser_large { font-size: 18px; line-height:28px; margin: 0px 0px 0px 0px; padding:10px 10px 15px 10px; text-align:center; font-weight:300; color: #ffffff; } .p_text { font-size: 16px; line-height:26px; margin: 0px 10px 0px 0px; padding: 5px 10px 20px 5px; text-align:left; font-weight:300; color: #000000; } .p_esf { font-size: 12px; line-height:18px; margin: 0px 0px 0px 0px; padding: 0px 10px 20px 10px; text-align:left; font-weight:400; color: #000000; } .p_angebotsliste { font-size: 16px; line-height:20px; margin: 0px 0px 10px 5px; padding: 0px 0px 0px 5px; } .p_angebotsliste_roll { font-size: 16px; line-height:20px; margin: 5px 15px 10px 10px; padding: 0px 0px 0px 5px; } .p_wiwe { font-size: 16px; line-height:22px; margin: 5px 0px 0px 0px; padding:10px 0px 0px 0px; color: #000000; font-weight:400; text-align:left; } /* .p_teaser { font-size: 16px; line-height:26px; margin: 0px 0px 0px 0px; padding: 0px 10px 20px 10px; color: #ffffff; font-weight:300; text-align:left; } .p_teaser_or { font-size: 32px; line-height:32px; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 10px; color: #ffffff; font-weight:300; text-align:center; font-weight:500; } .p_imprint { font-size: 16px; line-height:26px; margin: 0px 0px 0px 0px; padding: 0px 10px 20px 10px; color: #000000; font-weight:300; text-align:left; } .p_options { font-size: 16px; line-height:26px; margin: 0px 0px 15px 0px; padding: 5px 10px 5px 10px; color: #000000; font-weight:300; text-align:center; border: 1px #419B9C solid; } .p_faq { font-size: 16px; line-height:28px; margin: 0px 0px 0px 0px; padding: 0px 10px 15px 10px; color: #000000; font-weight:300; text-align:left; } .p_alphabet { font-size: 16px; line-height:16px; margin: 0px 0px 0px 0px; padding: 0px 0px 20px 10px; color: #000000; font-weight:600; text-align:left; } .p_preis { font-size: 20px; line-height:16px; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 0px; color: #000000; font-weight:600; text-align:left; } .p_button_w { font-size: 14px; line-height:22px; margin:15px 15px 15px 15px; padding:5px 15px 5px 15px; text-align:center; font-weight:600; } .p_button_w:hover { font-size: 14px; line-height:22px; margin:15px 15px 15px 15px; padding:5px 15px 5px 15px; text-align:center; font-weight:600; box-shadow: 0px 0px 10px white; } */ /*Aufzählungen ==================== */ .ul_cloud { padding: 0px 0px 30px 0px; } .ul_angebotsliste_roll { margin: 5px 15px 10px 30px; padding: 0px 0px 0px 0px; list-style-type:circle; color: #004147; font-weight:300; text-align:left; } .ul_angebotsliste_roll li { margin: 0px 0px 5px 0px; font-size: 16px; line-height:20px; } .ul_angebotsliste_deroll { margin: 5px 0px 10px 25px; padding: 0px 0px 0px 0px; } .ul_angebotsliste_deroll li { font-size: 16px; line-height:22px; } /* .ul_angebotsliste { list-style-type:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px;} .ul_angebotsliste_detail { list-style-type:none; margin: 0px 0px 10px 10px; padding: 0px 0px 0px 0px; color: #004147; font-weight:300; text-align:left; } .ul_angebotsliste_detail li { font-size: 16px; line-height:20px; } .ul_faq { font-size: 16px; line-height:26px; margin: 0px 0px 0px 20px; padding: 0px 0px 15px 20px; color: #000000; font-weight:300; text-align:left; } .ul_alphabet { margin:0px; } .ul_alphabet li { margin:0px; padding:0px 5px 5px 5px; text-align:center; font-weight:600; } .ol_error { font-size: 16px; line-height:26px; margin: 0px 10px 0px 10px; padding: 0px 10px 20px 10px; color: #000000; font-weight:300; text-align:left; } */ /*Objekte ==================== */ .img_wibko_white { height: 175px; width: 100% !important; object-fit: cover; object-position: center center; } .footer_wiwe { margin: 35px 0px 0px 0px} /* .angebotsbutton { margin:15px 15px 15px 15px; padding:5px 15px 5px 15px; text-align:center; border:1px #419B9C solid; background-color:#ffffff; color:#419B9C; } .angebotsbutton:hover { margin:15px 15px 15px 15px; padding:5px 15px 5px 15px; text-align:center; border:1px #419B9C solid; background-color:#419B9C; color:#ffffff; } .teaserbutton { margin:15px 15px 15px 15px; padding:5px 15px 5px 15px; text-align:left; border:1px #419B9C solid; background-color:#ffffff; color:#419B9C; font-weight:600; width:200px; } .teaserbutton:hover { margin:15px 15px 15px 15px; padding:5px 15px 5px 15px; text-align:left; border:1px #419B9C solid; background-color:#419B9C; color:#ffffff; font-weight:600; width:200px; box-shadow: 0px 0px 10px white; } .detailbutton { margin: 0px 0px 15px 0px; padding:8px 15px 8px 25px; text-align:left; font-weight:600; width:100%; border-radius:10px;} .detailbutton:hover { margin: 0px 0px 15px 0px; padding:8px 15px 8px 25px; text-align:left; font-weight:600; width:100%; } .detailbutton:active { margin: 0px 0px 15px 0px; padding:8px 15px 8px 25px; text-align:left; font-weight:600; width:100%; } .icon_exclamation { font-size:80px; color:#0B6771; margin:0px 0px 0px 0px; } .icon_erklaerbaer { font-size:75px; color:#004147; padding: 0px 0px 15px 0px; } .hr_h2_page { margin: 0px 40% 30px 40%; padding:0px 0px 0px 0px; border:1px #004147 solid; } .search_input { padding:20px 15px 20px 15px; font-size:18px; } */ } @media only screen and (max-width : 991px) { .ab992{ display:none; } } /* ==================== Medium Devices, Desktops 992px-1199px =============== */ @media only screen and (min-width : 992px) { .bis992{ display:none; } /* Navigation ================== */ /* Layout ====================== */ .block_startseite { margin: 0px 0px 30px 0px; padding: 200px 0px 0px 0px; border-radius: 0px 0px 10px 10px; } .block_suche { margin: 0px 0px 30px 0px; padding: 180px 0px 0px 0px; border-radius: 0px 0px 10px 10px; } .block_wiwe { margin:30px 0px 15px 0px; padding: 0px 0px 0px 0px; } .suchbox { padding: 0px 15px 15px 15px; margin:0px;} .textbox { padding: 15px 15px 15px 15px; } .mywibkobox { padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px;} .angebotbox_header { padding: 0px 15px 0px 5px; margin: 0px 0px 0px 0px; } .angebotbox_content { padding: 0px 15px 5px 5px; margin: 0px 0px 0px 0px; } .optionbox { padding:5px 0px; margin:0px 0px 15px 0px; border: 1px #84A6A7 solid; border-radius: 10px;} .panel-title { font-size: 20px; line-height:22px; margin: 0px 0px 20px 0px; padding: 10px 10px 10px 10px; border:1px #0B6771 solid; font-weight:400; color:#0B6771; border-radius:10px; } /* .block_focus { margin: 0px 0px 75px 0px; padding: 0px 0px 0px 0px; } .block_youtube { margin: 0px 0px 75px 0px; padding: 0px 0px 0px 0px; border-radius: 10px 10px 10px 10px; } .block_verbund { margin: 0px 0px 75px 0px; padding: 0px 0px 0px 0px; } .block_erklaerbaer { margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; border-radius: 10px 10px 10px 10px; } .block_imprint { margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; } .block_esf { margin: 0px 0px 40px 0px; padding: 0px 0px 0px 0px; } .block_footer { margin: 0px 0px 150px 0px; padding: 0px 0px 0px 0px; } .textbox { padding: 5px 15px 5px 15px; } .textbox_centered { padding: 5px 15px 5px 15px; text-align:center; } .textbox_content { padding:15px 15px 5px 15px; } .angebotsbox { margin: 15px; } .suchbox { padding: 0px 15px 15px 15px; } .optionbox { padding:15px;border: 1px #84A6A7 solid; border-radius: 10px;} .preisbox { margin: 0px 0px 15px 0px; padding: 0px 0px 0px 10px; border: 1px #84A6A7 solid; border-radius: 10px;} .kategoriebox { margin:15px; border:2px #D0D3D2 solid; border-radius: 10px 10px 10px 10px; -webkit-box-shadow: inset 0px 0px 20px 5px rgba(0,0,0,0.41); box-shadow: inset 0px 0px 20px 5px rgba(0,0,0,0.41); } .kategoriebox_wide { margin:15px; border:2px #D0D3D2 solid; border-radius: 0px 0px 10px 0px; } */ /* Überschriften =============== */ .h2_teaser { font-size: 18px; line-height:22px; margin: 0px 0px 5px 0px; padding: 0px 10px 0px 10px; border-bottom:0px #ffffff solid; text-align:center; color: #ffffff; } .h2_kategorie { font-size: 18px; line-height:30px; margin: 70px 30px 70px 30px; padding: 5px 0px 5px 0px; text-align:center; font-weight:400;} .h3_page { font-size: 22px; line-height:40px; margin:30px 10px 5px 10px; padding: 0px 10px 5px 10px; text-align:center; } .h3_angebotsbox { font-size: 22px; line-height:24px; margin: 0px 0px 5px 0px; padding: 5px 0px 5px 5px; text-align:left; } .h3_angebotsliste { font-size: 18px; line-height:20px; margin:10px 0px 5px 0px; padding: 0px 10px 5px 10px; text-align:left; } .h3_angebotsliste_roll { font-size: 18px; line-height:20px; margin:10px 15px 0px 10px; padding: 0px 5px 5px 5px; text-align:left; } .h3_imprint { font-size: 20px; line-height:24px; margin: 5px 5px 0px 5px; padding: 0px 10px 5px 20px; text-align:left; font-weight:400;} .h4_angebotsbox { font-size: 20px; line-height:22px; margin: 0px 10px 5px 5px; padding: 5px 10px 5px 0px; text-align:left; color: #000000; } /* .h1_teaser { font-size: 38px; margin: 10px 0px 5px 0px; padding: 0px 0px 0px 10px; border-bottom:0px #ffffff solid; line-height:50px; text-align:left; color: #ffffff; letter-spacing:1px;} .h1_angebote { font-size: 24px; margin: 30px 0px 15px 0px; padding: 0px 10px 15px 10px; border-bottom:0px #000000 solid; line-height:24px; text-align:left; color: #000000; } .h2_page { font-size: 30px; margin: 30px 50px 5px 50px; padding: 0px 10px 5px 10px; border-bottom:0px #333333 solid; line-height:40px; text-align:center; font-weight:300;} .h2_imprint { font-size: 30px; margin: 15px 0px 5px 15px; padding: 0px 10px 5px 10px; border-bottom:0px #333333 solid; line-height:40px; text-align:left; font-weight:300;} .h2_kategorie { font-size: 20px; margin: 50px 30px 50px 30px; padding: 5px 0px 5px 0px; border:1px #0B6771 solid; line-height:30px; text-align:center; font-weight:400; background-color:#ffffff; color:#0B6771;} .h2_kategorie_wide { font-size: 20px; margin: 30px 30px 30px 30px; padding: 5px 0px 5px 0px; border:1px #0B6771 solid; line-height:30px; text-align:center; font-weight:400; background-color:#ffffff; color:#0B6771;} .h3_erklaerbaer { font-size: 16px; line-height:16px; margin:10px 0px 5px 0px; padding: 0px 10px 5px 10px; text-align:center; color: #004147; } .h3_angebotsliste { font-size: 18px; line-height:22px; margin:10px 0px 5px 0px; padding: 0px 10px 5px 10px; text-align:left; color: #004147; } .h3_deleted_roll { font-size: 15px; line-height:18px; margin:20px 15px 5px 15px; padding: 5px 5px 5px 5px; text-align:center; color: #84A6A7; } .h4_preis { font-size: 16px; line-height:16px; margin: 0px 0px 0px 0px; padding: 0px 10px 5px 0px; text-align:left; color: #000000; } */ /* Paragraphs ================= */ .p_filteroption { font-size: 16px; line-height:16px; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px; color: #ffffff; font-weight:300; text-align:center; } .p_filter { font-size: 16px; line-height:16px; margin: 0px 0px 15px 0px; padding:10px 0px 5px 5px; color: #ffffff; font-weight:300; text-align:left; border-bottom:1px #ffffff solid; } .p_angebotsliste { font-size: 16px; line-height:20px; margin:10px 0px 5px 5px; padding: 0px 0px 0px 5px; } .p_angebotsliste_roll { font-size: 16px; line-height:20px; margin: 5px 15px 5px 10px; padding: 5px 0px 0px 5px; } .p_wiwe { font-size: 18px; line-height:24px; margin:10px 0px 0px 0px; padding:10px 0px 0px 0px; } .p_faq { font-size: 16px; line-height:28px; margin: 0px 0px 0px 0px; padding: 0px 10px 15px 10px; color: #000000; font-weight:300; text-align:left; } .p_text { font-size: 16px; line-height:26px; margin: 0px 10px 0px 0px; padding: 0px 10px 20px 5px; } .p_imprint { font-size: 16px; line-height:26px; margin: 0px 0px 0px 0px; padding: 0px 10px 20px 10px; } /* .p_teaser { font-size: 16px; line-height:26px; margin: 0px 0px 0px 0px; padding: 0px 10px 10px 10px; color: #ffffff; font-weight:300; text-align:left; } .p_teaser_or { font-size: 20px; line-height:24px; margin: 0px 0px 0px 0px; padding:10px 0px 10px 0px; color: #ffffff; font-weight:300; text-align:center; font-weight:500; } .p_erklaerbaer { font-size: 16px; line-height:26px; margin: 0px 0px 0px 0px; padding: 0px 10px 20px 10px; color: #000000; font-weight:400; text-align:center; } .p_esf { font-size: 12px; line-height:18px; margin: 0px 0px 0px 0px; padding: 0px 10px 20px 10px; color: #000000; font-weight:400; text-align:left; } .p_options { font-size: 16px; line-height:26px; margin: 0px 0px 15px 0px; padding: 5px 10px 5px 10px; color: #000000; font-weight:300; text-align:center; border: 1px #419B9C solid; } .p_alphabet { font-size: 14px; line-height:16px; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; color: #000000; font-weight:600; text-align:left; } .p_preis { font-size: 20px; line-height:16px; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 0px; color: #000000; font-weight:600; text-align:left; } .p_wiwe { font-size: 16px; line-height:22px; margin:25px 0px 0px 0px; padding:10px 0px 0px 0px; color: #000000; font-weight:400; text-align:left; } .p_button { font-size: 16px; line-height:20px; margin:15px 15px 15px 15px; padding:15px 15px 15px 15px; text-align:center; font-weight:600; } .p_button:hover { font-size: 16px; line-height:20px; margin:15px 15px 15px 15px; padding:15px 15px 15px 15px; text-align:center; font-weight:600; box-shadow: 0px 0px 10px white; } .p_button_w { font-size: 16px; line-height:20px; margin:15px 15px 15px 15px; padding:15px 15px 15px 15px; text-align:center; font-weight:600; } .p_button_w:hover { font-size: 16px; line-height:20px; margin:15px 15px 15px 15px; padding:15px 15px 15px 15px; text-align:center; font-weight:600; box-shadow: 0px 0px 10px white; } */ /*Aufzählungen ==================== */ .ul_angebotsliste_deroll { margin: 5px 0px 10px 30px; padding: 0px 0px 0px 0px; } .ul_angebotsliste_deroll li { font-size: 16px; line-height:22px; } .ul_faq { font-size: 16px; line-height:28px; margin: 0px 0px 0px 20px; padding: 0px 0px 15px 20px; } /* .ul_angebotsliste { list-style-type:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px;} .ul_angebotsliste_detail { list-style-type:none; margin: 0px 0px 10px 10px; padding: 0px 0px 0px 0px; color: #004147; font-weight:300; text-align:left; } .ul_angebotsliste_detail li { font-size: 16px; line-height:20px; } .ul_footer { font-size: 15px; line-height:26px; margin: 10px 0px 0px 0px; padding: 10px 10px 10px 10px; font-weight:400; text-align:left;} .ul_footer li { padding: 3px 10px 3px 10px; } .ul_alphabet { margin:0px; } .ul_alphabet li { margin:0px; padding:0px 5px 5px 5px; text-align:center; font-weight:600; } */ /*Objekte ==================== */ .search_input { margin:0px 0px 0px 0px; padding:20px 15px 20px 15px; font-size:18px; } .search_select { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .img_wibko_white { height: 100%; width: 100% !important; object-fit: cover; object-position: center center; } .detailbutton { margin: 0px 0px 15px 0px; padding:10px 15px 10px 15px; font-size:15px; text-align:left; font-weight:600; width:100%; border-radius:5px;} .detailbutton:hover { margin: 0px 0px 15px 0px; padding:10px 15px 10px 15px; font-size:15px; text-align:left; font-weight:600; width:100%; } .detailbutton:active { margin: 0px 0px 15px 0px; padding:10px 15px 10px 15px; font-size:15px; text-align:left; font-weight:600; width:100%; } .icon_exclamation { font-size:80px; padding: 0px 0px 0px 15px; text-align:right; } .icon_erklaerbaer { font-size:50px; padding: 0px 0px 15px 0px; } /* .angebotsbutton { margin:15px 15px 15px 15px; padding:5px 15px 5px 15px; text-align:center; border:1px #419B9C solid; background-color:#ffffff; color:#419B9C; } .angebotsbutton:hover { margin:15px 15px 15px 15px; padding:5px 15px 5px 15px; text-align:center; border:1px #419B9C solid; background-color:#419B9C; color:#ffffff; } .detailbutton { margin: 0px 0px 15px 0px; padding:8px 15px 8px 25px; text-align:left; font-weight:600; width:100%; border-radius:10px;} .detailbutton:hover { margin: 0px 0px 15px 0px; padding:8px 15px 8px 25px; text-align:left; font-weight:600; width:100%; } .detailbutton:active { margin: 0px 0px 15px 0px; padding:8px 15px 8px 25px; text-align:left; font-weight:600; width:100%; } .icon_exclamation { font-size:80px; color:#0B6771; } .hr_h2_page { margin: 0px 40% 30px 40%; padding:0px 0px 0px 0px; border:1px #004147 solid; } .footer_wiwe { margin: 20px 0px 0px 0px} .search_input { padding:20px 15px 20px 15px; font-size:18px; } */ } @media only screen and (max-width : 1199px) { .ab1200{ display:none; } } /* ===================== Large Devices, Wide Screens above 1200px =========== */ @media only screen and (min-width : 1200px) { .bis1200{ display:none; } }