/* Farbschema Helles Gelb = #fff2a1 Gelb = #ffd04d Helles Blau = #bfe5fe Blau = #46a4f2 Dunkel Blau = #325eb9 */ /* ubuntu-300 - latin */ @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 300; src: url('../fonts/ubuntu/ubuntu-v14-latin-300.eot'); /* IE9 Compat Modes */ src: local('Ubuntu Light'), local('Ubuntu-Light'), url('../fonts/ubuntu/ubuntu-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/ubuntu/ubuntu-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/ubuntu/ubuntu-v14-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/ubuntu/ubuntu-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/ubuntu/ubuntu-v14-latin-300.svg#Ubuntu') format('svg'); /* Legacy iOS */ font-display: swap; } /* ubuntu-300italic - latin */ @font-face { font-family: 'Ubuntu'; font-style: italic; font-weight: 300; src: url('../fonts/ubuntu/ubuntu-v14-latin-300italic.eot'); /* IE9 Compat Modes */ src: local('Ubuntu Light Italic'), local('Ubuntu-LightItalic'), url('../fonts/ubuntu/ubuntu-v14-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/ubuntu/ubuntu-v14-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/ubuntu/ubuntu-v14-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/ubuntu/ubuntu-v14-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/ubuntu/ubuntu-v14-latin-300italic.svg#Ubuntu') format('svg'); /* Legacy iOS */ font-display: swap; } /* ubuntu-regular - latin */ @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 400; src: url('../fonts/ubuntu/ubuntu-v14-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url('../fonts/ubuntu/ubuntu-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/ubuntu/ubuntu-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/ubuntu/ubuntu-v14-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/ubuntu/ubuntu-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/ubuntu/ubuntu-v14-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */ font-display: swap; } /* ubuntu-italic - latin */ @font-face { font-family: 'Ubuntu'; font-style: italic; font-weight: 400; src: url('../fonts/ubuntu/ubuntu-v14-latin-italic.eot'); /* IE9 Compat Modes */ src: local('Ubuntu Italic'), local('Ubuntu-Italic'), url('../fonts/ubuntu/ubuntu-v14-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/ubuntu/ubuntu-v14-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/ubuntu/ubuntu-v14-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/ubuntu/ubuntu-v14-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/ubuntu/ubuntu-v14-latin-italic.svg#Ubuntu') format('svg'); /* Legacy iOS */ font-display: swap; } /* ubuntu-700 - latin */ @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 700; src: url('../fonts/ubuntu/ubuntu-v14-latin-700.eot'); /* IE9 Compat Modes */ src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url('../fonts/ubuntu/ubuntu-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/ubuntu/ubuntu-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/ubuntu/ubuntu-v14-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/ubuntu/ubuntu-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/ubuntu/ubuntu-v14-latin-700.svg#Ubuntu') format('svg'); /* Legacy iOS */ font-display: swap; } /* ubuntu-700italic - latin */ @font-face { font-family: 'Ubuntu'; font-style: italic; font-weight: 700; src: url('../fonts/ubuntu/ubuntu-v14-latin-700italic.eot'); /* IE9 Compat Modes */ src: local('Ubuntu Bold Italic'), local('Ubuntu-BoldItalic'), url('../fonts/ubuntu/ubuntu-v14-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/ubuntu/ubuntu-v14-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/ubuntu/ubuntu-v14-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/ubuntu/ubuntu-v14-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/ubuntu/ubuntu-v14-latin-700italic.svg#Ubuntu') format('svg'); /* Legacy iOS */ font-display: swap; } /* FontAwesome */ @font-face { font-weight: normal; font-style: normal; font-display: auto; font-family: 'FontAwesome'; src: url('../fonts/fontawesome/fontawesome-webfont.eot?v=4.2.0'); src: url('../fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/fontawesome/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../fonts/fontawesome/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../fonts/fontawesome/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg'); font-display: swap; } body { font-family: 'Ubuntu', sans-serif; font-weight: 400; color: #000000; line-height: 1.6em; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; margin: 0; overflow-x: hidden; } ::-webkit-scrollbar { width: 10px; } /* width */ ::-webkit-scrollbar-track { background: #f1f1f1; } /* Track */ ::-webkit-scrollbar-thumb { background: #888; } /* Handle */ ::-webkit-scrollbar-thumb:hover { background: #555; } /* Handle on hover */ #header a, #container a, #footer a { -webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out; } /* Foundation Reset */ ul { padding-left: 0!important; list-style: none; } hr { margin: 0; color: #ffffff!important; margin-bottom: 20px; border-top: 1px solid #d6d7d7; } table { border-spacing: 0;} label { font-size: inherit; margin-left: 0!important; color: #545453 } legend { display: contents;} strong { font-weight: 700; } a { outline: none!important; } /* Helfer Klassen */ .hell-gelb-back { background-color: #fff2a1 } .gelb-back { background-color: #ffd04d } .hell-blau-back { background-color: #bfe5fe } .blau-back { background-color: #46a4f2 } .image_container { position: relative; } .padding50 { padding: 50px; } .padding40 { padding: 40px;} .padding20 { padding: 20px; } .padding10 { padding: 10px; } .trans-back { background: rgba(255, 255, 255, 0.4)} .margin-bottom20 { margin-bottom: 20px; } .margin-bottom10 { margin-bottom: 10px; } .text-rechts {text-align: right; } .text-links {text-align: left; } .center {text-align: center; } p {margin-top: 0; } .float_left { float:left;} .float_right { float:right;} table thead tr th { border-bottom: 0;} h1 { font-family: 'Ubuntu', sans-serif; font-style: italic; font-weight: 300; margin-top: 0; line-height: initial; font-size: 2.188em; } h2 { font-family: 'Ubuntu', sans-serif; font-style: italic; font-weight: 300; margin-top: 0; line-height: initial; font-size: 1.875em; } h3 { font-family: 'Ubuntu', sans-serif; font-weight: 400; margin-top: 0; line-height: initial; font-size: 1.563em; } h4 { font-family: 'Ubuntu', sans-serif; font-weight: 400; margin-top: 0; line-height: initial; font-size: 1.25em; } h5 { font-family: 'Ubuntu', sans-serif; font-weight: 400; margin-top: 0; line-height: initial; font-size: 1.063em; } #header { margin: 0 auto; } #container { padding-top: 105px; } /* Sticky Header Anpassungen */ .sticky-header { position: fixed; top: 0; left: 0; width: 100%; background: #004e9e; z-index: 1000; height: 110px; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; transition: height 0.3s; text-align:center; box-shadow: 0 2px 6px 0 rgba(0,0,0,.3);} .sticky-header .logo img { max-width: 100%; height: 100% auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;} .sticky-header #main-navigation ul.level_1 li a, .sticky-header #main-navigation ul.level_1 span.active, .sticky-header #main-navigation ul.level_1 li.trail a, .sticky-header #main-navigation ul.level_1 li.forward span { display: block; line-height: 1.25em; padding: 70px 10px 20px 10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;} .sticky-header .mod_search { margin-top: 50px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;} .sticky-header.shrink { height: 80px;} .sticky-header.shrink #main-navigation ul.level_1 li a, .sticky-header.shrink #main-navigation ul.level_1 span.active, .sticky-header.shrink #main-navigation ul.level_1 li.submenu.trail a, .sticky-header.shrink #main-navigation ul.level_1 li.forward span { padding: 40px 10px 20px 10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;} .sticky-header.shrink .logo img { max-width: 70%!important; height: 100% auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .sticky-header.shrink .logo { margin: 15px 20px 10px 20px!important; } .sticky-header.shrink .mod_search { margin-top: 20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;} .float_right_navi {float: right; width: 65%;} #header { background: #0059ba; background: -moz-linear-gradient(top, #0059ba 0%, #044487 100%); background: -webkit-linear-gradient(top, #0059ba 0%,#044487 100%); background: linear-gradient(to bottom, #0059ba 0%,#044487 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0059ba', endColorstr='#044487',GradientType=0 ); } #header:after { content: " "; display: block; height: 0; clear: both; visibility: hidden;} #header .inside { padding: 0 20px;} #header .inside:after { content: " "; display: block; height: 0; clear: both; visibility: hidden;} #header .logo { display: inline-block; float: left; margin: 20px 20px 10px 20px; } #header .mod_search { float: right; margin-right: 20px; max-width: 20%; } #header .mod_search .widget-submit { display: none; } #header .mod_search input { font-family: inherit; font-size: inherit; line-height: inherit; display: block; color: #3c3c3e; background-color: #fff; background-image: none; border: 1px solid #ccc; height: 40px; padding-left: 10px; padding-right: 10px; border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: border-color 0.2s ease-in-out,background-color 0.2s ease-in-out; transition: border-color 0.2s ease-in-out,background-color 0.2s ease-in-out;} #header .mod_search input { margin: 0; background-image: url(../img/icon-lupe.png); background-position: center right; background-repeat: no-repeat; background-size: 18px 19px; height: 40px;} #header .mod_search input:focus {outline: 0; border: 1px solid #8a8a8a; background-color: #fefefe; -webkit-box-shadow: 0 0 5px #cacaca; box-shadow: 0 0 5px #cacaca; -webkit-transition: border-color .25s ease-in-out,-webkit-box-shadow .5s; transition: border-color .25s ease-in-out,-webkit-box-shadow .5s; transition: box-shadow .5s,border-color .25s ease-in-out; transition: box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s; } #footer { background-color: #444444; padding: 40px 20px; } #footer { color: #ffffff; } #footer p { padding-top: 0; } #footer a, #footer a:hover { color: #ffffff!important} #footer .mod_customnav ul { margin-left: 25px; } #footer .mod_customnav a { color: #ffffff; text-decoration: none; opacity: 1; } #footer .mod_customnav a:hover { color: #ffffff; text-decoration: none; opacity: 0.6 } /* Aufbau Startseite */ .logo-stadtbus .image_container {display: inline-block; padding-bottom: 10px; border-bottom: 10px solid #ffd04d; margin-bottom: 25px;} .logo-reisebuero .image_container {display: inline-block; padding-bottom: 10px; border-bottom: 10px solid #c67c37; margin-bottom: 25px;} .logo-reisen .image_container {display: inline-block; padding-bottom: 10px; border-bottom: 10px solid #46a4f2; margin-bottom: 25px;} .stadtbus-start { background-color: #fff2a1; padding: 50px; background-image: url(../img/stadtbus-back.jpg); background-repeat: no-repeat; background-position: right 50px; background-size: 25%} .reisen-start { background-color: #bfe5fe; padding: 50px; background-image: url(../img/reisen-back.jpg); background-repeat: no-repeat; background-position: right 50px; background-size: 45% } .meldung-start { background-color: #e7e7e7; padding: 50px; } .reisebuero-start { background-color: #d59254; padding: 50px; background-image: url(../img/reisebuero-back.png); background-repeat: no-repeat; background-position: right; background-size: 45% } .stadtbus-start h1, .reisen-start h1, .meldung-start h1, .reisebuero-start h1 { font-size: 1.563em;} h1.haltestelle-icon {vertical-align: middle;} h1.haltestelle-icon:before { content: ""; display: inline-block; vertical-align: middle; width: 35px; height: 35px; background-image: url(../img/haltestelle-icon.png); background-repeat: no-repeat; background-position: left center; background-size: 98%} .meldung-start .time { width: 85px; height: 85px; background: #aea7a3; border: 1px solid #ffffff; padding: 10px 20px; color: #ffffff; text-align: center; margin-bottom: 20px;} .meldung-start .day { display: block; font-size: 1.25em; line-height: 1.9em; font-weight: 300; text-align: center } .meldung-start .month { display: block; font-size: 1.25em; text-transform: uppercase; font-weight: 300; line-height: 1em; text-align: center} .meldung-start .year { display: block; font-size: 0.813em; text-transform: uppercase; font-weight: 300; line-height: 1em; display: none;} .stadtbus-start li {list-style: none; margin: 0; padding: 0 0 0 20px; position: relative; line-height: 1.6em;} .stadtbus-start li:before { font-size: 1em; margin-right: 5px; font-family: 'FontAwesome'; content: "\f00c"; position: absolute; left: 0; color: #ffd04d} form.efa [type=radio]+label { vertical-align: middle} form.efa .name_origin {margin-bottom: 0.5em;} form.efa .name_destination {margin-bottom: 0.1em; } form.efa .name_origin input, form.efa .name_destination input { height: 2.5em;} form.efa fieldset { margin: 0; border: 0; } form.efa fieldset.date { float:left; width:49%; margin:0; border:0; } form.efa fieldset.date input { width:3em; height:2em; display: inline-block; text-align: center; margin-bottom:1em; } form.efa div.collapsed div { margin-top: 1em; } form.efa fieldset.departure { clear: left; } form.efa .departure label { display: inline-block; margin: 0 20px 0 0; } form.efa .departure input { width: auto; } form.efa .name_destination { margin-bottom: 20px;} /* Buttons */ a.btn.small { font-size: 0.75em!important; padding: 4px 8px 4px 8px;} a.btn.small:before { font-size: 0.75em!important; } a.btn.gross { width: 100%; display: block; } button { text-transform: uppercase; color: #ffffff; cursor: pointer; border-radius: 0; outline: none;} a.facebook { color: #ffffff; text-decoration: none;opacity: 1 } a.facebook:hover { opacity: 0.6 } a.facebook:before { font-family: 'FontAwesome'; content: "\f082"; font-size: 1.875em; color: #ffffff; padding-right: 7px; font-weight: 400;} a.instagram { color: #ffffff; text-decoration: none;} a.instagram:hover { opacity: 0.6 } a.instagram:before { font-family: 'FontAwesome'; content: "\f030"; font-size: 1.875em; color: #ffffff; padding-right: 7px; font-weight: 400;} /* Suchmaschine */ #container .mod_search .widget-text { width: 50%; float: left; } #container .mod_search .widget-text [type=search] { height: 35px!important; } #container .mod_search .widget-submit {width: 50%; float: right; padding-left: 20px;} #container .mod_search .widget-radio { clear: left;} #container .mod_search .even, #container .mod_search .odd { padding: 10px; background-color: #f1f1f1; margin-bottom: 20px; } #container .mod_search h3 { margin-bottom: 15px; padding: 0;} #container .mod_search h3 a, #container .mod_search h3 a:hover { text-decoration: none; color: #000000; } #container .relevance { font-weight: 300; font-style: italic; font-size: 1em; } #container legend { margin-right: 20px; } /* Navigation */ #main-navigation .hiddenSeite { display:none; } #MobileMenu:not( .mm-menu ) { display: none; } @media only screen and (min-width: 990px) { .hidden-module {display: none;} #main-navigation { width: 100%; -moz-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); position: relative; overflow: visible; } #main-navigation li { display: block; float: left; } #main-navigation ul.level_2 li:after { display: none;} #main-navigation ul.level_1 { margin: 0; } #main-navigation .level_1 ul:after { left:1.5em; position:absolute; border-bottom:10px solid #325eb9; border-left: 10px solid transparent; border-right: 10px solid transparent; content: ""; top: 20px} #main-navigation .level_1 a { display: block; color: #ffffff; font-weight: 400; font-size: 1em; text-transform: uppercase; text-decoration: none; } #main-navigation .level_1 a:hover, #main-navigation .level_1 a:focus { background-color: #2169b9; text-decoration: none;} #main-navigation .level_1 { width: auto; background-color: transparent; min-height: 0; } #main-navigation .level_1 span.active, #main-navigation .level_1 li.forward span, #main-navigation .level_1 li.trail a { display: block; background-color: #2169b9; color: #ffffff; text-transform: uppercase;} #main-navigation .level_1 li { border-right: 1px solid #2889cb; } #main-navigation .level_1 li.first { border-left: 1px solid #2889cb; } #main-navigation label.menu_toggler_lbl { display: none; } #main-navigation li.submenu { position: relative; -webkit-transition: background-color 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out; transition: background-color 300ms ease-in-out; } #main-navigation .level_2 li.first { border-left:0;} #main-navigation li.submenu .level_2 { position: absolute; display: block !important; min-width: 100%; background-color: transparent!important; opacity: 0; -webkit-transition: background-color 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out; transition: background-color 300ms ease-in-out; padding-left: 0; } #main-navigation li.submenu .level_2 .trail { text-decoration: none;} #main-navigation li.submenu .level_2 li { margin: 0; padding: 0; width: 200px; letter-spacing: normal; border-right: 0; text-align: left;} #main-navigation li.submenu .level_2 li a, #main-navigation li.submenu .level_2 li span.forward { text-transform: none; color: #005db0; font-weight: 700; display: block; font-size: 1em; padding: 4px 5px; line-height: 1.25em!important; background: transparent;} #main-navigation li.submenu .level_2 li a:hover, #main-navigation li.submenu .level_2 li a:focus { border-bottom: 0; background-color: #005db0; color: #ffffff; } #main-navigation li.submenu .level_2 span.active { text-transform: none; border-bottom: none; font-weight: 700; display: block; padding: 4px 5px; color: #ffffff; line-height: 1.25!important; background-color: #005db0} #main-navigation li.submenu:hover .level_2, #main-navigation li.submenu:focus .level_2 { opacity: 1; } #main-navigation li.submenu label.menu_toggler_lbl { display: none; } #main-navigation li.submenu label.menu_toggler_lbl:before { display: none; } #main-navigation li.submenu .level_2 { left: 9999px; -webkit-transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out; } #main-navigation li.submenu:hover .level_2, #main-navigation li.submenu:focus .level_2, #main-navigation li.submenu.debug .level_2 { left: 0; opacity: 1; } #main-navigation .level_3 { margin-left: 100px; text-align: left; } #main-navigation li.submenu .level_3 li a { background: transparent;} #main-navigation li.submenu .level_3 li a:before, #main-navigation li.submenu .level_3 li a:before, #main-navigation li.submenu .level_3 span.active:before { font-family: 'FontAwesome'; content: "\f105"; margin-right: 5px;font-style: normal; font-weight: normal; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} #main-navigation li.submenu .level_3 span.active, #main-navigation li.submenu .level_4 span.active {font-weight: 400;} #main-navigation .level_2 a, #main-navigation .level_2 span.active, #main-navigation .level_2 li.submenu.trail a, #main-navigation .level_2 li.forward span {padding: 4px 5px!important;} #main-navigation .level_3 a, #main-navigation .level_3 span.active, #main-navigation .level_3 li.submenu.trail a, #main-navigation .level_3 li.forward span {padding: 2px 5px!important;} #main-navigation li.submenu ul.level_4 li { padding-left: 15px!important} } /* Scroll to top */ .back-to-top { background: #6f6f6f; color: #ffffff; position: fixed; bottom: 20px; right: 20px; text-align: center; opacity: 0.5; text-decoration: none; z-index: 100; border-radius: 30px; height: 50px; width: 50px;} a.back-to-top { text-decoration: none; } .back-to-top span { text-indent: 100%; display: none;} a.back-to-top:before { font-family: "FontAwesome"; content: "\f077"!important; color: #ffffff; line-height: 45px} .back-to-top:hover { opacity: 1; text-decoration: none; } /* Breadcrumb Navi */ .mod_breadcrumb.mod_article { width: 100%; } .breadcrumb { padding: 0px; overflow: hidden; margin-bottom: 10px; font-size: 0.8em} .breadcrumb_hint { text-align: left; float: left; margin-right: 5px; } .mod_breadcrumb li { text-align: left; float: left; margin-right: 5px; text-transform: uppercase; list-style: none; } .mod_breadcrumb ul { margin-left: 0px!important; } .mod_breadcrumb li.first:before { content: 'Sie befinden sich hier:'; margin-right: 5px; text-transform: none; color: #000000;} .mod_breadcrumb li a span { text-decoration: underline; color: #000000; pointer-events: auto; cursor: pointer ;} .mod_breadcrumb li a span:hover { text-decoration: underline; color: #000000;} .mod_breadcrumb li:after { text-decoration: none!important; color: #000000; font-family: 'FontAwesome'; content: "\f105"; padding-left: 10px; font-style: normal; font-weight: normal; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mod_breadcrumb li.last:after { content: " "; } .mod_breadcrumb li.active { color: #000000; font-weight: 700; } .ova-allge .breadcrumb { margin-bottom: 0;} /* Aufbau OVA Content-Seiten */ .ce_text:after, .ce_text:before {content: " "; display: block; height: 0; clear: both; visibility: hidden;} body.ova-stadtbus .breadcrumb { margin-bottom: 0;} .header-stadtbus { background-color: #fff2a1; padding: 20px; } .header-stadtbus .logo-stadtbus .image_container { margin-bottom: 0; } .ova-stadtbus-image { background-image: url(../img/stadtbus-back.jpg); background-repeat: no-repeat; background-position: right 5px;} /* Gelb */ .tabs-gelb ul { margin-bottom: -7px;} .tabs-gelb .nav li a { display: block; float: left; padding: 5px 20px; text-decoration: none; color: #000000; font-size: 1em; position: relative; margin: 0;line-height: 38px; list-style-type: none; cursor: pointer; background: #fafafa; outline: none; -webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out; } .tabs-gelb .nav li.ui-tabs-active a { background: #ffd04d; color: #000000; } .tabs-gelb .nav li { border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; display: inline-block;} .tabs-gelb .nav li:first-child { border-left: 1px solid #cccccc; } .tabs-gelb .nav li a:hover { background: #ffd04d; color: #000000;} .tabs-gelb .nav:after {content: " "; display: block; height: 0; clear: both; visibility: hidden;} .tabs-gelb .panel { padding: 40px; margin-bottom: 20px; background-color: #fff8cf; margin-bottom: 20px;background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);} .tabs-gelb .nav li a:before {font-family: 'FontAwesome'; content: "\f138"; color: #000000; font-size: 1em; margin-right:5px; -webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;} .tabs-gelb .nav li.ui-tabs-active a:before { color: #000000; } .tabs-gelb .nav li a:hover:before { color: #000000; } .accordion-gelb {margin-bottom:10px} .accordion-gelb .toggler { position: relative;border: 1px solid #cccccc; padding: 10px; background: #fafafa; color: #000000; cursor: pointer; outline: none; -webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;} .accordion-gelb .toggler:after {font-family: 'FontAwesome'; content: "\f138"; font-size: 1em; position: absolute; right:10px; } .accordion-gelb .toggler:hover {background: #ffd04d; color: #000000; } .accordion-gelb .toggler.active {background: #ffd04d; color: #000000; } .accordion-gelb .toggler.active:after {font-family: 'FontAwesome'; content: "\f13a"; color: #000000; font-size: 1em; position: absolute; right:10px; } .accordion-gelb .accordion { padding: 20px; margin-bottom: 10px; background-color: #fff8cf; margin-bottom: 20px;background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);} .accordion-gelb a, .tabs-gelb .panel a, .box-gelb a, .tabelle-gelb a, .liste-gelb li a { text-decoration: underline; color: #8e7225; opacity: 1} .accordion-gelb a:hover, .tabs-gelb .panel a:hover, .box-gelb a:hover, .tabelle-gelb a:hover, .liste-gelb li a:hover { text-decoration: underline; color: #8e7225; opacity: 0.5} .button-gelb a.hyperlink_txt, input.button-gelb, .button-gelb button { letter-spacing: 0px; display: inline-block!important; font-family: 'Ubuntu', sans-serif; cursor: pointer; font-weight: 400!important; font-size: 1em!important; padding: 8px 15px 8px 15px; text-decoration: none!important; background: #ffd04d; transition: background-color 300ms ease-out; text-align: center; text-transform: uppercase!important; display: inline; line-height: normal; color: #000000; outline: none; border-radius: 3px; border: 1px solid #ffffff;} .button-gelb a.hyperlink_txt:hover, input.button-gelb:hover { background: #ffe7a5; color: #000000!important} .button-gelb a.hyperlink_txt:before, input.button-gelb:before { font-family: 'FontAwesome'; content: "\f138"; color: #000000; font-size: 1em; margin-right:5px; } input.button-gelb.small { font-size: 0.75em!important; padding: 4px 8px 4px 8px;} .tabelle-gelb table { width: 100%; margin-bottom: 20px;} .tabelle-gelb table th { text-align: left; vertical-align: middle; background: #ffd04d; padding: .5em; color: #000000; font-weight: 400; } .tabelle-gelb table td { text-align: left; padding: 10px; vertical-align: middle;} .tabelle-gelb table tr td { background: #fffcec; border-bottom: 0px solid #FFFFFF;} .tabelle-gelb table tr:nth-child(odd) td { background: #fffef6;} .ce_text.box-gelb ul { padding-left: 3px; list-style: none} .ce_text.box-gelb li { margin: 0; padding: 0 0 0 20px; position: relative; line-height: 1.6em;} .ce_text.box-gelb li:before { font-size: 1em; margin-right: 5px; font-family: 'FontAwesome'; content: "\f00c"; position: absolute; left: 0; color: #ffd04d} .liste-gelb ul li {list-style: none; margin: 0; padding: 0 0 0 20px; position: relative; line-height: 1.6em;} .liste-gelb ul li:before { font-size: 1em; margin-right: 5px; font-family: 'FontAwesome'; content: "\f00c"; position: absolute; left: 0; color: #ffd04d} .liste-gelb ol li {list-style: decimal ; margin: 0; padding: 0 0 0 5px; position: relative; line-height: 1.6em;} .box-gelb, .liste-gelb { padding: 20px; background-color: #fff8cf; margin-bottom: 20px; background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } .box-gelb hr { width: 100%; height: 2px; background: #ffffff; color: #ffffff; border: none; margin-top: 15px; } /* Grau */ .tabs-grau ul { margin-bottom: -7px;} .tabs-grau .nav li a { display: block; float: left; padding: 5px 20px; text-decoration: none; color: #000000; font-size: 1em; position: relative; margin: 0;line-height: 38px; list-style-type: none; cursor: pointer; background: #fafafa; outline: none; -webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out; } .tabs-grau .nav li.ui-tabs-active a { background: #444444; color: #ffffff; } .tabs-grau .nav li { border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; display: inline-block;} .tabs-grau .nav li:first-child { border-left: 1px solid #cccccc; } .tabs-grau .nav li a:hover { background: #444444; color: #ffffff;} .tabs-grau .nav:after { content: " "; display: block; height: 0; clear: both; visibility: hidden;} .tabs-grau .panel { padding: 40px; margin-bottom: 20px; background-color: #e0e0e0; margin-bottom: 20px;background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);} .tabs-grau .nav li a:before { font-family: 'FontAwesome'; content: "\f138"; color: #000000; font-size: 1em; margin-right:5px; -webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;} .tabs-grau .nav li.ui-tabs-active a:before { color: #ffffff; } .tabs-grau .nav li a:hover:before { color: #ffffff; } .accordion-grau {margin-bottom:10px} .accordion-grau .toggler { position: relative;border: 1px solid #cccccc; padding: 10px; background: #fafafa; color: #000000; cursor: pointer; outline: none; -webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;} .accordion-grau .toggler:after {font-family: 'FontAwesome'; content: "\f138"; font-size: 1em; position: absolute; right:10px; } .accordion-grau .toggler:hover { background: #444444; color: #ffffff; } .accordion-grau .toggler.active {background: #444444; color: #ffffff; } .accordion-grau .toggler.active:after {font-family: 'FontAwesome'; content: "\f13a"; color: #ffffff; font-size: 1em; position: absolute; right:10px; } .accordion-grau .accordion { padding: 20px; margin-bottom: 10px; background-color: #e0e0e0; margin-bottom: 20px;background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);} .accordion-grau a, .tabs-grau .panel a, .box-grau a, .tabelle-grau a, .liste-grau li a { text-decoration: underline; color: #000000; opacity: 1} .accordion-grau a:hover, .tabs-grau .panel a:hover, .box-grau a:hover, .tabelle-grau a:hover, .liste-grau li a:hover { text-decoration: underline; color: #5e5e5e; opacity: 0.6} .box-grau, .liste-grau { padding: 20px; background-color: #e0e0e0; margin-bottom: 20px;background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } .box-grau hr { width: 100%; height: 2px; background: #ffffff; color: #ffffff; border: none; margin-top: 15px; } .liste-grau ul li {list-style: none; margin: 0; padding: 0 0 0 20px; position: relative; line-height: 1.6em;} .liste-grau ul li:before {font-size: 1em; margin-right: 5px; font-family: 'FontAwesome'; content: "\f00c"; position: absolute; left: 0; color: #444444} .liste-grau ol li {list-style: decimal ; margin: 0; padding: 0 0 0 5px; position: relative; line-height: 1.6em;} .button-grau a.hyperlink_txt, #container .mod_search .submit, .box-grau button, .button-grau button { letter-spacing: 0px; display: inline-block!important; font-family: 'Ubuntu', sans-serif; cursor: pointer; font-weight: 400!important; font-size: 1em!important; padding: 8px 15px 8px 15px; text-decoration: none!important; background: #444444; transition: background-color 300ms ease-out; text-align: center; text-transform: uppercase!important; display: inline; line-height: normal; color: #ffffff; outline: none; border-radius: 3px; border: 1px solid #ffffff;} .button-grau a.hyperlink_txt:hover, #container .mod_search .submit:hover, .box-grau button:hover { background: #787878; color: #ffffff!important} .button-grau a.hyperlink_txt:before, #container .mod_search .submit:before, .box-grau button:before { font-family: 'FontAwesome'; content: "\f138"; color: #ffffff; font-size: 1em; margin-right:5px; } .tabelle-grau table { width: 100%; margin-bottom: 20px;} .tabelle-grau table th { text-align: left; vertical-align: middle; background: #444444; padding: .5em; color: #ffffff; font-weight: 400; } .tabelle-grau table td { text-align: left; padding: 10px; vertical-align: middle;} .tabelle-grau table tr td { background: #e0e0e0; border-bottom: 0px solid #FFFFFF;} .tabelle-grau table tr:nth-child(odd) td { background: #f3f3f3;} .news-grau .layout_short {padding: 20px; background-color: #e0e0e0; margin-bottom: 20px;background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);} .news-grau .layout_short:after, .news-grau .layout_short:before {content: " "; display: block; height: 0; clear: both; visibility: hidden;} .news-grau .grau-date { width: 100px; float: left; margin-right: 20px;} .news-grau .grau-content { width: 80%; float: left;} .news-grau h2 { margin-bottom: 10px;} .news-grau h2 a { color: #000000; margin-bottom: 10px; text-decoration: none; opacity: 1} .news-grau h2 a:hover, .news-grau h2 a:focus { color: #000000; opacity: 0.4} .news-grau p.info { display: inline-block; background-color: #aea7a3; text-align: center; border: 1px solid #ffffff; color: #ffffff; padding: 5px 20px; } .news-grau p.info .day { display: block; font-size: 1.25em; line-height: 1.7em } .news-grau p.info .month, .news-grau p.info .year { display: block; font-size: 0.875em; text-transform: uppercase; font-weight: 300; line-height: 1em} .news-grau p.more, .news-grau p.back {display: none;} /* Blau */ .tabs-blau ul { margin-bottom: -7px;} .tabs-blau .nav li a { display: block; float: left; padding: 5px 20px; text-decoration: none; color: #000000; font-size: 1em; position: relative; margin: 0;line-height: 38px; list-style-type: none; cursor: pointer; background: #fafafa; outline: none; -webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out; } .tabs-blau .nav li.ui-tabs-active a { background: #46a4f2; color: #ffffff; } .tabs-blau .nav li { border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; display: inline-block;} .tabs-blau .nav li:first-child { border-left: 1px solid #cccccc; } .tabs-blau .nav li a:hover { background: #46a4f2; color: #ffffff;} .tabs-blau .nav:after {content: " "; display: block; height: 0; clear: both; visibility: hidden;} .tabs-blau .panel { padding: 40px; margin-bottom: 20px; background-color: #ecf7fe; margin-bottom: 20px;background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);} .tabs-blau .nav li a:before {font-family: 'FontAwesome'; content: "\f138"; color: #000000; font-size: 1em; margin-right:5px; -webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;} .tabs-blau .nav li.ui-tabs-active a:before { color: #ffffff; } .tabs-blau .nav li a:hover:before { color: #ffffff; } .accordion-blau {margin-bottom:10px} .accordion-blau .toggler { position: relative;border: 1px solid #cccccc; padding: 10px; background: #fafafa; color: #000000; cursor: pointer; outline: none; -webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;} .accordion-blau .toggler:after {font-family: 'FontAwesome'; content: "\f138"; font-size: 1em; position: absolute; right:10px; } .accordion-blau .toggler:hover { background: #46a4f2; color: #ffffff; } .accordion-blau .toggler.active {background: #46a4f2; color: #ffffff; } .accordion-blau .toggler.active:after {font-family: 'FontAwesome'; content: "\f13a"; color: #ffffff; font-size: 1em; position: absolute; right:10px; } .accordion-blau .accordion { padding: 20px; margin-bottom: 10px; background-color: #ecf7fe; margin-bottom: 20px;background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);} .accordion-blau a, .tabs-blau .panel a, .box-blau a, .tabelle-blau a, .liste-blau li a { text-decoration: underline; color: #325eb9; opacity: 1} .accordion-blau a:hover, .tabs-blau .panel a:hover, .box-blau a:hover, .tabelle-blau a:hover, .liste-blau li a:hover { text-decoration: underline; color: #325eb9; opacity: 0.6} a.button-blau, .button-blau a.hyperlink_txt, .ova-reisen button, a.btn, .mod_quicknav .widget-submit, .button-blau button { letter-spacing: 0px; display: inline-block!important; font-family: 'Ubuntu', sans-serif; cursor: pointer; font-weight: 400!important; font-size: 1em!important; padding: 8px 15px 8px 15px; text-decoration: none!important; background: #46a4f2; transition: background-color 300ms ease-out; text-align: center; text-transform: uppercase!important; display: inline; line-height: normal; color: #ffffff; outline: none; border-radius: 3px; border: 1px solid #ffffff;} a.button-blau:hover, .button-blau a.hyperlink_txt:hover, .ova-reisen button:hover, a.btn:hover { background: #88c4f7; color: #ffffff!important} a.button-blau:before, .button-blau a.hyperlink_txt:before, .ova-reisen button:before, a.btn:before { font-family: 'FontAwesome'; content: "\f138"; color: #ffffff; font-size: 1em; margin-right:5px; } .box-blau, .liste-blau { padding: 20px; background-color: #ecf7fe; margin-bottom: 20px;background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } .box-blau hr { width: 100%; height: 2px; background: #ffffff; color: #ffffff; border: none; margin-top: 15px; } .tabelle-blau table { width: 100%; margin-bottom: 20px;} .tabelle-blau table th { text-align: left; vertical-align: middle; background: #325eb9; padding: .5em; color: #ffffff; font-weight: 400; } .tabelle-blau table td { text-align: left; padding: 10px; vertical-align: middle;} .tabelle-blau table tr td { background: #fafcfe; border-bottom: 0px solid #FFFFFF;} .tabelle-blau table tr:nth-child(odd) td { background: #ecf7fe;} .ce_text.box-blau ul { padding-left: 3px; list-style: none} .ce_text.box-blau ul li { margin: 0; padding: 0 0 0 20px; position: relative; line-height: 1.6em;} .ce_text.box-blau ul li:before { font-size: 1em; margin-right: 5px; font-family: 'FontAwesome'; content: "\f00c"; position: absolute; left: 0; color: #325eb9} .liste-blau ul li {list-style: none; margin: 0; padding: 0 0 0 20px; position: relative; line-height: 1.6em;} .liste-blau ul li:before {font-size: 1em; margin-right: 5px; font-family: 'FontAwesome'; content: "\f00c"; position: absolute; left: 0; color: #325eb9} .liste-blau ol li {list-style: decimal ; margin: 0; padding: 0 0 0 5px; position: relative; line-height: 1.6em;} .reisekalender .teaser.teaser--reise { margin-bottom: 20px; border: 1px solid #d6d7d7; border-radius: 2px; background: white; background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);} .reisekalender .teaser-list_divider-year { color: #004e9e; font-size: 2.5em; font-weight: 700; margin-bottom: 10px; text-align: right;} .reisekalender .teaser-list_divider-month { font-size: 1.5em; font-weight: 400; color: #000000; } .reisekalender .list-item--title { font-size: 1.3em; font-weight: 700; margin: 10px 0; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap;} .reisekalender .teaser--reise .reise_anreiseart { padding: 0;} .reisekalender .teaser--list-item .grid-x { align-items: center} .reisekalender .teaser--reise .reise_next-termin { margin-bottom: 0;} .reisekalender img { position: relative; } .reisekalender .line-right { border-right: 1px solid #d6d7d7;} .reisekalender .list-item--link { display: inline-block; text-align: center; } .reisekalender .teaser--reise .reise_from-price {float: none;} /* Braun */ .tabs-braun ul { margin-bottom: -7px;} .tabs-braun .nav li a { display: block; float: left; padding: 5px 20px; text-decoration: none; color: #000000; font-size: 1em; position: relative; margin: 0;line-height: 38px; list-style-type: none; cursor: pointer; background: #fafafa; outline: none; -webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out; } .tabs-braun .nav li.ui-tabs-active a { background: #c67c37; color: #ffffff; } .tabs-braun .nav li { border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; display: inline-block;} .tabs-braun .nav li:first-child { border-left: 1px solid #cccccc; } .tabs-braun .nav li a:hover { background: #c67c37; color: #ffffff;} .tabs-braun .nav:after {content: " "; display: block; height: 0; clear: both; visibility: hidden;} .tabs-braun .panel { padding: 40px; margin-bottom: 20px; background-color: #e5bb95; margin-bottom: 20px;background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);} .tabs-braun .nav li a:before {font-family: 'FontAwesome'; content: "\f138"; color: #000000; font-size: 1em; margin-right:5px; -webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;} .tabs-braun .nav li.ui-tabs-active a:before { color: #ffffff; } .tabs-braun .nav li a:hover:before { color: #ffffff; } .accordion-braun {margin-bottom:10px} .accordion-braun .toggler { position: relative;border: 1px solid #cccccc; padding: 10px; background: #fafafa; color: #000000; cursor: pointer; outline: none; -webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;} .accordion-braun .toggler:after {font-family: 'FontAwesome'; content: "\f138"; font-size: 1em; position: absolute; right:10px; } .accordion-braun .toggler:hover { background: #c67c37; color: #ffffff; } .accordion-braun .toggler.active {background: #c67c37; color: #ffffff; } .accordion-braun .toggler.active:after {font-family: 'FontAwesome'; content: "\f13a"; color: #ffffff; font-size: 1em; position: absolute; right:10px; } .accordion-braun .accordion { padding: 20px; margin-bottom: 10px; background-color: #e5bb95; margin-bottom: 20px;background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);} .accordion-braun a, .tabs-braun .panel a, .box-braun a, .tabelle-braun a, .liste-braun li a { text-decoration: underline; color: #9e5f34; opacity: 1} .accordion-braun a:hover, .tabs-braun .panel a:hover, .box-braun a:hover, .tabelle-braun a:hover, .liste-braun li a:hover { text-decoration: underline; color: #9e5f34; opacity: 0.6} .button-braun a.hyperlink_txt { letter-spacing: 0px; display: inline-block!important; font-family: 'Ubuntu', sans-serif; cursor: pointer; font-weight: 400!important; font-size: 1em!important; padding: 8px 15px 8px 15px; text-decoration: none!important; background: #c67c37; transition: background-color 300ms ease-out; text-align: center; text-transform: uppercase!important; display: inline; line-height: normal; color: #ffffff; outline: none; border-radius: 3px; border: 1px solid #ffffff;} .button-braun a.hyperlink_txt:hover { background: #f09e64; color: #ffffff!important} .button-braun a.hyperlink_txt:before { font-family: 'FontAwesome'; content: "\f138"; color: #ffffff; font-size: 1em; margin-right:5px; } .liste-braun ul li {list-style: none; margin: 0; padding: 0 0 0 20px; position: relative; line-height: 1.6em;} .liste-braun ul li:before { font-size: 1em; margin-right: 5px; font-family: 'FontAwesome'; content: "\f00c"; position: absolute; left: 0; color: #c67c37} .liste-braun ol li {list-style: decimal ; margin: 0; padding: 0 0 0 5px; position: relative; line-height: 1.6em;} .box-braun, .liste-braun { padding: 20px; background-color: #e5bb95; margin-bottom: 20px;background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);} } .box-braun hr { width: 100%; height: 2px; background: #ffffff; color: #ffffff; border: none; margin-top: 15px; } .tabelle-braun table { width: 100%; margin-bottom: 20px;} .tabelle-braun table th { text-align: left; vertical-align: middle; background: #c67c37; padding: .5em; color: #ffffff; font-weight: 400; } .tabelle-braun table td { text-align: left; padding: 10px; vertical-align: middle;} .tabelle-braun table tr td { background: #f2decb; border-bottom: 0px solid #FFFFFF;} .tabelle-braun table tr:nth-child(odd) td { background: #edd1b7;} .ce_text.box-braun ul { padding-left: 3px; list-style: none} .ce_text.box-braun li { margin: 0; padding: 0 0 0 20px; position: relative; line-height: 1.6em;} .ce_text.box-braun li:before { font-size: 1em; margin-right: 5px; font-family: 'FontAwesome'; content: "\f00c"; position: absolute; left: 0; color: #c67c37} .news-braun .layout_latest {padding: 20px; background-color: #e5bb95; margin-bottom: 20px;background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);} .news-braun h2 a { color: #000000; text-decoration: none; opacity: 1} .news-braun h2 a:hover, .news-braun h2 a:focus {text-decoration: none; color: #000000; opacity: 0.4} .news-braun p.info, .news-braun p.more, .news-braun p.back {display: none;} /* Allgemeine */ .formbody label {color: #000000;} .formbody [type=checkbox]+label {display: block; } .formbody [type=checkbox] {margin: 0; } .formbody .checkbox_container {margin-bottom: 20px;} .ce_image img, .ce_text .image_container img, .mod_newslist img { border: 1px solid #d6d7d7; border-radius: 2px; background: white; background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); display: inline-block; padding: 3px;} .ce_image img, .ce_text .image_container img, .mod_newslist img { opacity: 1; -webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;} .ce_image img:hover, .ce_text .image_container img:hover, .mod_newslist img:hover { opacity: 0.7} .no-back img { border: 0!important; border-radius: 0; background: transparent!important; background-image: none!important; box-shadow: none!important; } #header .ce_image img, #footer .ce_image img, .image-boxen img, .header-reisen img, .header-stadtbus img, .header-reisebuero img, .stadtbus-start img, .reisen-start img, .reisebuero-start img {border: 0; background: transparent; padding: 0; box-shadow: none;} #header .ce_image img:hover, #footer .ce_image img:hover, .image-boxen img:hover, .header-reisen img:hover, .header-stadtbus img:hover, .header-reisebuero img:hover, .stadtbus-start img:hover, .reisen-start img:hover, .reisebuero-start img:hover { opacity: 1} .caption { font-weight: 300; font-style: italic; font-size: 0.875em; margin-top: 10px;} .highlight {padding: 3px;} .ce_download ul, .ce_downloads ul {margin: 0;} .ce_download, .ce_downloads { background: #4f4f4f; padding: 20px; color: #ffffff; display: inline-block; margin-bottom: 20px;} .ce_download p, .ce_downloads p { margin-bottom: 0;} .ce_download .size, .ce_downloads .size { margin-left: 15px; font-weight: 300; font-style: italic; font-size: 0.813em; content: #c4c4c4} .ce_download a, .ce_downloads a { text-decoration: none; color: #ffffff; opacity: 1; } .ce_download a:hover, .ce_download a:focus, .ce_downloads a:hover, .ce_downloads a:focus { text-decoration: none; color: #ffffff; opacity: 0.5;} .ce_download .download-element, { display: inline-block; } .ce_download p:before, .ce_downloads li:before { font-size: 1.563em; margin-right: 5px; font-family: 'FontAwesome'; content: "\f019"; color: #c4c4c4} .ce_downloads li {margin-bottom: 15px;} .ce_downloads li:last-child {margin-bottom: 0px;} .header-reisen { background-color: #bfe5fe; padding-top: 20px; } .header-reisen .logo-reisen .image_container { margin-bottom: 0; } .ova-reisen-image {background-image: url(../img/reisen-back.jpg); background-repeat: no-repeat; background-position: right 50px;} .image-boxen { padding: 30px 0; background-image: url(../img/skyline.svg); background-position: center bottom; background-repeat: no-repeat;} .image-boxen h3 { font-size: 1.563em; font-weight: 300; font-style: italic; text-transform: uppercase;} .image-boxen .kreis { background-image: url(../img/kreis.svg); background-position: center center; background-repeat: no-repeat;} .image-boxen .ce_image { padding: 30px 0;} .ce_gallery { margin: 0;} .ce_gallery, .ce_gallery ul { display: block; overflow: hidden } .ce_gallery ul li { float: left; list-style-type: none } .ce_gallery .image_container { position: relative; margin: 0 } .ce_gallery .col_first { clear: both } .ce_gallery a { outline: none } .ce_gallery img {display: block; } .ce_gallery .cols_2 li { width: calc(100% / 2); float: left; } .ce_gallery .cols_3 li { width: calc(100% / 3); float: left; } .ce_gallery .cols_4 li { width: calc(100% / 4); float: left; } .ce_gallery .cols_5 li { width: calc(100% / 5); float: left; } .ce_gallery .cols_6 li { width: calc(100% / 6); float: left; } .ce_gallery .cols_7 li { width: calc(100% / 7); float: left; } .ce_gallery .cols_8 li { width: calc(100% / 8); float: left; } .ce_gallery .cols_9 li { width: calc(100% / 9); float: left; } .ce_gallery .cols_10 li { width: calc(100% / 10); float: left; } .ce_gallery .cols_11 li { width: calc(100% / 11); float: left; } .ce_gallery .cols_12 li { width: calc(100% / 12); float: left; } .ce_gallery img { border: 1px solid #d6d7d7; border-radius: 2px; background: white; background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); display: inline-block; padding: 3px; } .ce_gallery a { width: 100%; height: 100%; display: block; } .ce_gallery .image_container:hover { opacity: 0.7; -webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;} .ce_gallery .image_container { overflow: hidden; } .ce_gallery .content-outside { display: table; width: 100%; height: 100%; } .ce_gallery .content-inside { display: table-cell; vertical-align: middle; text-align: center; color: rgb(255,255,255); line-height: 1.5; } body.ova-reisebuero .breadcrumb { margin-bottom: 0;} .header-reisebuero { background-color: #d59254; padding: 20px; background-image: url(../img/reisebuero-back.png); background-repeat: no-repeat; background-position: top right; background-size: 30%} .header-reisebuero .logo-reisebuero .image_container { margin-bottom: 0; } .ova-reisebuero-image { } /* Textfarbe für Input-Felder */ ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #c3c3c3; opacity: 1; font-size: 0.875em; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #c3c3c3; font-size: 0.875em; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #c3c3c3; font-size: 0.875em; } /* SuchTeaser */ .such-teaser { } .such-teaser-headline { padding-top: 10px; font-size: 1.25em; color: #325eb9; font-weight: 700; font-style: italic; float: left; width: 14%; } .such-teaser:after { content: " "; display: block; height: 0; clear: both; visibility: hidden;} .such-teaser .widget-select, .such-teaser .widget-text, .such-teaser .widget-button { width: 11.5%; display: inline-block; float: left; margin-left: 3px; margin-right: 3px; } .such-teaser input, .such-teaser select, .such-teaser button {height: 40px!important; margin-bottom: 0; } .such-teaser .widget--sd input[type="text"], .such-teaser .widget--ed input[type="text"] { background-image: url(../img/icon-calendar.png); background-position: center right; background-repeat: no-repeat; background-size: 18px 19px; } .such-teaser .widget--s input[type="text"] { background-image: url(../img/icon-lupe.png); background-position: center right; background-repeat: no-repeat; background-size: 18px 19px; } .such-teaser select { background-image: url(../img/icon-arrow-down.png); background-position: center right; background-repeat: no-repeat; background-size: 16px 10px; color: #c3c3c3; font-size: 0.875em;} .such-teaser .such-teaser:after { content: " "; display: block; height: 0; clear: both; visibility: hidden;} .such-teaser label { display: none;} .such-teaser button { display: block!important; width: 100%; } /* Top Angebote + Crossselling + reisedetailseite Bildergalerie + Reisekategorien*/ .top-angebote { padding: 40px 0 20px 0;} .crossselling { padding: 40px 0 20px 0; } .top-angebote h1, .reisekategorien h1 { font-size: 2.188em; text-align: center; margin-bottom: 40px; } .crossselling h5 { font-size: 2.188em; text-align: center; margin-bottom: 40px; font-style: italic; font-weight: 300; } .top-angebote:after, .reisekategorien:after {content: " "; display: block; height: 0; clear: both; visibility: hidden; } .reisekategorien { margin-top: 30px; background-image: url(../img/berge-back.jpg); background-position: center top; background-repeat: repeat-x;} .reisekategorien .teaser_inside--overlayed>a { background-color: #ffffff;} .reisekategorien .teaser_title.teaser_title--overlay { background: rgba(50,94,185,0.7); padding: 20px} .reisekategorien .teaser_inside--overlayed>a:hover .teaser_title--overlay, .reisekategorien .teaser_inside--overlayed>a:focus .teaser_title--overlay { background: rgba(50,94,185,1); } .reisekategorien .teaser_inside--overlayed>a:hover h3 { color: #ffffff; } /* Bilder-Copyrights */ .teaser--reise .teaser_inside.teaser_inside--linked .image_copyrights * { color: #fff; } .image_copyrights { position: absolute; z-index: 4; color: #ffffff!important; padding: 20px; font-size: 0.625em; font-style: italic; line-height: 16px; } .full_inside .image_copyrights { bottom: 5%; right: 3%; } .folge_inside .image_copyrights { top: 5%; right: 3%; } .reiselaender-liste .image_copyrights { top: 0px; } .ce_metadetail .image_copyrights { margin-top: -60px; } .reisedetail_reise_bilder .image_copyrights { bottom: 3%; left: 3%;} .detail-panorama--background .image_copyrights { bottom: 5%; right: 3%;} .reise-detail_hotel .image_copyrights { bottom: 5%; left: 3%;} .image-content .image_copyrights { bottom: 5%; left: 3%;} .image_container .image_copyrights { bottom: 20%; left: 3%; } .reisekategorien .image_copyrights { top: 10px; } /* Reise Teaser + Listen */ .teaser_inside.teaser_inside--linked { border: 1px solid #d6d7d7; border-radius: 2px; background: white; background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);} .teaser-wrapper .teaser { margin-top: 20px; padding-left: 10px; padding-right: 10px; } .teaser--reise .reise_next-termin { font-weight: 300;} .teaser--reise .reise_next-termin:before { font-family: 'FontAwesome'; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f073"; margin-right: 15px; color: #325eb9} .teaser--reise .reise_days { font-weight: 300; color: #000000!important; } .teaser--reise .reise_days:before { font-family: 'FontAwesome'; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f017"; margin-right: 15px; color: #325eb9} .teaser--reise .reise_from-price-person { font-weight: 300; color: #000000!important; display: inline-block;} .teaser--reise .reise_from-price-person:before { font-family: 'FontAwesome'; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f153"; margin-right: 19px; color: #325eb9} .teaser--reise .reise_from-price { float: right; font-weight: 700; color: #000000!important; } .teaser--reise .reise_from-price span { font-size: 1.188em; color: #000000!important; } .teaser--reise .reise_anreiseart, .teaser--reise .reise_subheadline { display: none;} .teaser--reise a.button-blau { display: block!important; color: #ffffff!important; width: 100%; margin-top: 25px; padding: 5px; } .teaser--reise h3 { font-family: 'Ubuntu', sans-serif; text-align: left; font-size: 1.25em; font-weight: 700; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; letter-spacing: normal; text-transform: none; font-style: normal; color: #000000;} .teaser--reise h4 { font-size: 1.125em; line-height: 19px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; color:#989898!important} .ce_reiseteaser .total { font-size: 1.25em; margin-bottom: 15px;} .ce_reiseteaser .form-block--submit { display:none; } .ce_reiseteaser .form-wrapper { background: transparent; padding: 0; } .ce_reiseteaser .widget-select { width: 40%; float: left; margin: 10px 10px 10px 0; } .ce_reiseteaser .js-init:after { content: " "; display: block; height: 0; clear: both; visibility: hidden;} .teaser--reise .teaser_inside.teaser_inside--linked * { color: #000000;} .ce_reiseteaser .form-wrapper:after { content: " "; display: block; height: 0; clear: both; visibility: hidden;} .teaser--reise .teaser_content .reise_promotion { background-color: #e2001a; color: #ffffff; -webkit-box-shadow: 0px 7px 21px -9px rgba(255,255,255,1); -moz-box-shadow: 0px 7px 21px -9px rgba(255,255,255,1); box-shadow: 0px 7px 21px -9px rgba(255,255,255,1); -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } .teaser--reise .teaser_content .reise_termin_marker { font-size: 14px; position: absolute; bottom: 0; background: #e2001a; padding: 1px 5px; left: 50%; transform: translateX(-50%); color: #ffffff; font-weight: bold; text-transform: uppercase; white-space: nowrap;} .teaser--reise .relative { position: relative;} .teaser--reise .teaser_inside.teaser_inside--linked { background-color: #fff; -webkit-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; } .teaser--reise .teaser_inside.teaser_inside--linked:hover, .teaser--reise .teaser_inside.teaser_inside--linked:focus { background-color: rgba(204,204,204,0.1); } .suchergebnis .teaser-wrapper {margin-left: 0; margin-right: 0; } .ce_metadetail .image_container { display: none;} .ver-reiselisten { padding: 20px; background: rgba(255, 255, 255, 0.4); margin-bottom: 30px;} .ver-reiselisten .teaser--list-item { padding: 5px; -webkit-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out;} .ver-reiselisten .teaser--list-item:after, .ver-reiselisten .teaser--list-item:before {content: " "; display: block; height: 0; clear: both; visibility: hidden;} .ver-reiselisten .teaser--list-item:hover, .ver-reiselisten .teaser--list-item:focus { background: rgba(255, 255, 255, 0.8)} .ver-reiselisten .teaser--list-item a, .ver-reiselisten .teaser--list-item a:hover, .ver-reiselisten .teaser--list-item a:focus { color: #000000; text-decoration: none;} .ver-reiselisten:after, .ver-reiselisten:before, .ver-reiselisten .teaser--list-item:after, .ver-reiselisten .teaser--list-item:before { content: " "; display: block; height: 0; clear: both; visibility: hidden;} .ver-reiselisten .teaser--reise { border-bottom: 1px solid #ffffff; width: 95%; margin: 5px 0;} .ver-reiselisten .teaser--reise img { float: left; margin-right: 20px; } .ver-reiselisten .list-item--title { font-weight: 400; font-size: 1.125em; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } .ver-reiselisten .list-item--date { font-weight: 300; } .ver-reiselisten .list-item--date:before { font-family: 'FontAwesome'; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f073"; margin-right: 5px; color: #325eb9} .ver-reiselisten .image_copyrights {display: none;} .ver-reiselisten .teaser-list-wrapper { height: 300px; overflow-x: hidden; overflow-y: scroll; } /* Slider-Buttons */ .slick-next, .slick-prev { width: 40px; height: 40px; text-align: center; line-height: 40px; position: absolute; z-index: 6; opacity: 0.6; -webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out; overflow: hidden; outline: none; background: #ffffff!important;} .slick-next:hover, .slick-prev:hover { opacity: 1; } .slick-disabled { opacity: 0.2!important; } button.slick-next:before { color: #325eb9; content: "\f105"!important; display: block; font-family: "FontAwesome"; font-size: 3.125em; line-height: 22px; margin-left: -3px; outline: none; } button.slick-prev:before { color: #325eb9; content: "\f104"!important; display: block; font-family: "FontAwesome"; font-size: 3.125em; line-height: 22px; margin-left: -5px; outline: none;} .slick-arrow.slick-prev { left: 22px; } .slick-arrow.slick-next { right: 22px;} .top-angebote .slick-arrow.slick-prev, .top-angebote .slick-arrow.slick-next, .crossselling .slick-arrow.slick-prev, .crossselling .slick-arrow.slick-next, .reisekategorien .slick-arrow.slick-prev, .reisekategorien .slick-arrow.slick-next { top: calc(-70px - 1em)!important;} .reisedetail_reise_bilder .slick-arrow.slick-prev { top: 47%!important;} .reisedetail_reise_bilder .slick-arrow.slick-next { top: 47%!important;} .content-slider button.slick-next:before, .content-slider button.slick-prev:before, .reisedetail_panorama_bilder button.slick-next:before, .reisedetail_panorama_bilder button.slick-prev:before { color: #325eb9; } /* Reisedetail Seite */ .reisedetail-back { background-image: url(../img/berge-back.jpg); background-position: center bottom; background-repeat: repeat-x; } .reisedetail_reise_bilder {margin-bottom: 20px; border: 1px solid #d6d7d7; border-radius: 2px; background: white; background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);} .reisedetail_reise_bilder img { opacity: 1; -webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;} .reisedetail_reise_bilder img:hover { opacity: 0.7} .reisedetail_reisebeschreibung, .reise-detail_leistungen, .reise-detail_hotel, .reisedetail_jumper_Volksfest, .reisedetail_jumper { padding:20px; background: #ecf7fe; margin-bottom: 20px; background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);} .reisedetail_jumper, .reisedetail_jumper_Volksfest { padding:40px; background: #ecf7fe; margin-bottom: 20px; background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);} .reisedetail_einleitung { font-size: 1.188em; font-weight: 300; font-style: italic;} .reise-detail_urlaubsort { margin-bottom: 20px; background-color: #46a4f2; padding: 20px; color: #ffffff; font-size: 1.188em; font-weight: 300; font-style: italic; background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); background-image: url(../img/info-icon.svg); background-position: bottom right; background-repeat: no-repeat; } .reisedetail_reisebeschreibung h2, .reise-detail_leistungen h2, .reisedetail_hotels h2, .reisedetail_termine__preise h2 { font-size: 1.563em; font-weight: 300; font-style: italic; text-transform: uppercase; } .reisedetail_reisebeschreibung h3 { font-size: 1.125em; font-weight: 700; font-style: italic;} .reisedetail_reisebeschreibung p { margin-top: 0; } .reise-detail_urlaubsort p { margin: 0;} .reise-detail_leistungen ul, .reisedetail_reisebeschreibung ul { padding-left: 3px; list-style: none} .reise-detail_leistungen li, .reisedetail_reisebeschreibung li { margin: 0; padding: 0 0 0 20px; position: relative; line-height: 1.6em;} .reise-detail_leistungen li:before, .reisedetail_reisebeschreibung li:before { font-size: 1em; margin-right: 5px; font-family: 'FontAwesome'; content: "\f00c"; position: absolute; left: 0; color: #325eb9} .reisedetail_reisebeschreibung a, .reise-detail_leistungen a, .reise-detail_hotel a {text-decoration: underline; color: #325eb9; opacity: 1} .reisedetail_reisebeschreibung a:hover, .reise-detail_leistungen a:hover, .reise-detail_hotel a:hover { text-decoration: underline; color: #325eb9; opacity: 0.6} .reisedetail_jumper .days:before, .reisedetail_jumper_Volksfest .days:before {font-family: 'FontAwesome'; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f017"; margin-right: 15px; color: #325eb9 } .reisedetail_jumper .person-hint, .reisedetail_jumper_Volksfest .person-hint { display: inline-block; } .reisedetail_jumper .person-hint:before, .reisedetail_jumper_Volksfest .person-hint:before { font-family: 'FontAwesome'; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f153"; margin-right: 19px; color: #325eb9 } .reisedetail_jumper .price, .reisedetail_jumper_Volksfest .price { float: right; font-size: 1.125em; font-weight: 700; } .reisedetail_jumper hr, .reisedetail_jumper_Volksfest hr { width: 100%; height: 2px; background: #ffffff; color: #ffffff; border: none; margin-top: 15px; } .reisedetail_termine__preise h1 { text-align: center; } .reisedetail_termine__preise table, .reisedetail_termine__preise_abgesagt table, .reisedetail_termine__preise_tagesfahrt tabele, .reisedetail_termine__preise_tagesfahrt_abgesagt tabele, .reisedetail_termine__preise_tagesfahrt_volksfest tabele, .reisedetail_tabelle table { width: 100%; margin-bottom: 30px;} .reisedetail_termine__preise table th, .reisedetail_termine__preise_abgesagt th, .reisedetail_termine__preise_tagesfahrt th, .reisedetail_termine__preise_tagesfahrt_abgesagt th, .reisedetail_termine__preise_tagesfahrt_volksfest th, .reisedetail_tabelle table th { text-align: left; vertical-align: middle; background: #325eb9; padding: .5em; color: #ffffff; font-weight: 400; } .reisedetail_termine__preise table td, .reisedetail_termine__preise_abgesagt table td, .reisedetail_termine__preise_tagesfahrt table td, .reisedetail_termine__preise_tagesfahrt_abgesagt table td, .reisedetail_termine__preise_tagesfahrt_volksfest td, .reisedetail_tabelle table td { text-align: left; padding: 10px; vertical-align: middle;} .reisedetail_termine__preise table tr td, .reisedetail_termine__preise_abgesagt table tr td, .reisedetail_termine__preise_tagesfahrt table tr td, .reisedetail_termine__preise_tagesfahrt_abgesagt table tr td, .reisedetail_termine__preise_tagesfahrt_volksfest table tr td, .reisedetail_tabelle table tr td { background: #fafcfe; border-bottom: 0px solid #FFFFFF;} .reisedetail_termine__preise table tr:nth-child(odd) td, .reisedetail_termine__preise_abgesagt table tr:nth-child(odd) td, .reisedetail_termine__preise_tagesfahrt table tr:nth-child(odd) td, .reisedetail_termine__preise_tagesfahrt_abgesagt table tr:nth-child(odd) td, .reisedetail_termine__preise_tagesfahrt_volksfest table tr:nth-child(odd) td, .reisedetail_tabelle table tr:nth-child(odd) td { background: #ecf7fe;} .reisedetail_termine__preise .terminPreis, .reisedetail_termine__preise_tagesfahrt_volksfest .terminPreis, .reisedetail_termine__preise_abgesagt .terminPreis { font-size: 1.25em; font-weight: 700;} /* Formulare + Buchungsformular */ .buch-schritte { margin-bottom: 20px; background-color: #ffffff; padding: 20px 0 20px 0;} .buch-schritte:after { content: " "; display: block; height: 0; clear: both; visibility: hidden;} .progress-indicator { list-style: none; width: 100%; margin: 0 auto; padding: 0; display: table; table-layout: fixed; margin-bottom: 30px;} .progress-indicator > li { position: relative; display: table-cell; text-align: center; font-size: 1.5em; } .progress-indicator > li span { position: absolute; color: #e6e6e6; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font-weight: 600; font-size: 0.6em; letter-spacing: 0.05px; text-transform: uppercase; padding-bottom: 10px; } .progress-indicator > li::before { content: attr(data-step); display: block; margin: 0 auto; background: #e6e6e6; width: 1.5em; height: 1.5em; text-align: center; margin-bottom: 0.25em; line-height: 1.5em; border-radius: 100%; position: relative; z-index: 1; } .progress-indicator > li::after { content: ''; position: absolute; display: block; background: #e6e6e6; width: 100%; height: 0.15em; top: 50%; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); left: 50%; margin-left: 1.5em\9; z-index: 0; } .progress-indicator > li:last-child:after { display: none;} .progress-indicator > li.is-complete { color: #259f04;} .progress-indicator > li.is-complete::before, .progress-indicator > li.is-complete::after { color: #fefefe; background: #259f04; } .progress-indicator > li.is-complete span { color: #259f04;} .progress-indicator > li.is-current { color: #4eabe9;} .progress-indicator > li.is-current::before { color: #fefefe; background: #a5bd9e; } .progress-indicator > li.is-current span { color: #a5bd9e;} .price-calculation { text-align: right; font-weight: 700; font-size: 1.875em; color: #325eb9; line-height: 35px;} .form-wrapper .widget--hotel-group_hotel-name { margin-bottom: 15px; font-size: 1.125em;} .form-wrapper span.hotel-title, .form-wrapper span.hotel-price { display: block;} .form-wrapper span.hotel-title:before { content: 'pro Person'; margin-right: 5px;} .form-wrapper span.hotel-price { color: #325eb9; font-weight: 700;} span.zusatzleistung-price { color: #325eb9; font-weight: 700; font-size: 1.25em; } .form-wrapper span.zusatzleistung-addon { display: block; float: right; } p.error {background-color: #e3000f; display: inline; padding: 5px; color: #ffffff; font-size: 0.75em; border-radius: 5px;} .overview--hotel { background-color: #ffffff; position: relative; margin: 0 0 1em 0; padding: 1em; border-radius: 0;} .overview--hotel_zimmer, .overview--hotel_person { margin-bottom: 20px;} .booking-overview--optins ul { padding-left: 3px; list-style: none} .booking-overview--optins li { margin: 0 0 10px 0; padding: 0 0 0 20px; position: relative; line-height: 18px; } .booking-overview--optins li:before { font-size: 1.125em; font-family: 'FontAwesome'; content: "\f058"; position: absolute; left: 0; color: #00963f} .form-block--submit { padding: 20px; background: #ecf7fe;} @media screen and (max-width: 1266px) { .stadtbus-start { background-size: 20%; } .reisen-start { background-size: 40%; } } @media screen and (max-width: 1180px) { .float_right_navi { width: 80%;} } @media screen and (max-width: 1090px) { .such-teaser-headline { float: none; width: 100%; margin-bottom: 10px; padding-top: 0;} .such-teaser .widget-select, .such-teaser .widget-text { width: 16.333333333%; margin-left: 1px; margin-right: 1px; } .such-teaser .widget-button { width: 100%; margin-top: 10px; } .reisekategorien {background-position: center bottom} } @media screen and (max-width: 990px) { #main-navigation {display: none; overflow: hidden;} .sticky-header, .sticky-header.shrink { height: 70px; } #header .logo { margin: 10px 0!important} #header .logo img { max-width: 70%!important;} .float_right_navi { float: none; width: 100%;} .hidden-module {display: block;} .mm-fixed-top, .mm-fixed-bottom { position: relative!important; left: 0; z-index: 1000;} .mobilePlatzhalter { margin-top:20px; width: 35px; float: left;} a.mm-fixed-top { display: block; text-decoration: none; color: #ffffff; } a.mm-fixed-top:before { font-size: 30px; font-family: 'FontAwesome'; content: "\f0c9";} a.mm-fixed-top:hover { color: #2169b9;} .mm-wrapper_opened a.mm-fixed-top:before { font-size: 30px; font-family: 'FontAwesome'; content: "\f053";} .mm-menu_theme-dark { --mm-color-border: #2889cb; --mm-color-button: rgba( 255,255,255, 0.8 ); --mm-color-text: rgba( 255,255,255, 1 ); --mm-color-text-dimmed: rgba( 255,255,255, 0.8 ); --mm-color-background: #004e9e; --mm-color-background-highlight: rgba( 255,255,255, 0.08 ); --mm-color-background-emphasis: #2169b9; --mm-shadow: 0 0 20px rgba( 0,0,0, 0.5 ); } .mm-menu_theme-dark span:hover {color: rgba( 255,255,255, 0.6 ); -webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out; } #header .logo { float: right; text-align: right; } .mod_search { display: none;} #container .mod_search { display: block;} #container { padding-top: 70px; } h1 { font-size: 1.563em; } h2 { font-size: 1.375em; } h3 { font-size: 1.188em; } h4 { font-size: 1.063em; } h5 { font-size: 1em; } .top-angebote h1, .reisekategorien h1, .crossselling h5 { font-size: 1.563em; } .mod_breadcrumb { white-space: nowrap; overflow-x: auto; font-size: 0.813em;} .mod_breadcrumb ul { margin-bottom: 0; } .mod_breadcrumb ul li { display: inline; float: none; margin-right: 2px;} .mod_breadcrumb li a:after { padding-left: 5px;} .mod_breadcrumb li.first:before { content: ''; } .logo-reisen { display: inline-block!important; width: auto; } .logo-reisen .image_container { border-bottom: 6px solid #46a4f2; max-width: 70%;} .logo-stadtbus { display: inline-block!important; width: auto; } .logo-stadtbus .image_container { border-bottom: 6px solid #ffd04d; max-width: 70%;} .logo-reisebuero { display: inline-block!important; width: auto; } .logo-reisebuero .image_container { border-bottom: 6px solid #c67c37; max-width: 70%;} .header-reisebuero, .header-stadtbus, .header-reisen, .header-allge { padding: 0; } .tabs-blau .nav li a, .tabs-gelb .nav li a, .tabs-braun .nav li a, .tabs-grau .nav li a {float: none; } .tabs-blau .nav li, .tabs-gelb .nav li, .tabs-braun .nav li, .tabs-grau .nav li { display: block; } .tabs-blau ul, .tabs-gelb ul, .tabs-braun ul, .tabs-grau ul {margin-bottom: -0px;} .tabs-blau .nav li, .tabs-gelb .nav li, .tabs-braun .nav li, .tabs-grau .nav li { border-left: 1px solid #cccccc} .tabs-gelb .panel, .tabs-blau .panel, .tabs-braun .panel, .tabs-grau .panel {padding: 20px 10px;} } @media screen and (max-width: 768px) { .padding20, .box-gelb, .box-grau, .box-blau, .box-braun { padding: 20px 10px;} .ova-reisen-image, .ova-stadtbus-image {background-image: none;} .header-reisebuero { background-image: none; } table.reise-detail_termine { display: block; } table.reise-detail_termine thead { display: none; } table.reise-detail_termine tbody { display: block; } table.reise-detail_termine tbody tr { display: block; margin-bottom: 10px; } table.reise-detail_termine tbody tr td { display: block; border-bottom: 0; border-top: 0; } table.reise-detail_termine tbody tr td.col--date { width: 50%; float: left; position: relative; padding-top: 43px; } table.reise-detail_termine tbody tr td.col--date:before { content: attr(data-title); position: absolute; left: 0; right: 0; top: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: #325eb9; padding: 0.2em; color: #fff; font-weight: 400; } table.reise-detail_termine tbody tr td.col--hotel { width: 50%; float: left; position: relative; padding-top: 43px; } table.reise-detail_termine tbody tr td.col--hotel:before { content: attr(data-title); position: absolute; left: 0; right: 0; top: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: #325eb9; padding: 0.2em; color: #fff; font-weight: 400; } table.reise-detail_termine tbody tr td.col--zimmer { width: 50%; float: left; clear: left; position: relative; padding-top: 43px; } table.reise-detail_termine tbody tr td.col--zimmer:before { content: attr(data-title); position: absolute; left: 0; right: 0; top: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: #325eb9; padding: 0.2em; color: #fff; font-weight: 400; } table.reise-detail_termine tbody tr td.col--price { width: 50%; float: left; position: relative; padding-top: 43px; } table.reise-detail_termine tbody tr td.col--price:before { content: attr(data-title); position: absolute; left: 0; right: 0; top: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: #325eb9; padding: 0.2em; color: #fff; font-weight: 400; } table.reise-detail_termine tbody tr td.col--booking { clear: both; } .reisedetail_termine__preise table th, .reisedetail_termine__preise table td, .reisedetail_tabelle table th, .reisedetail_tabelle table td { padding: 0.2em} .reisedetail_termine__preise_tagesfahrt .col--hotel:before, .reisedetail_termine__preise_tagesfahrt_abgesagt .col--hotel:before, .reisedetail_termine__preise_tagesfahrt .col--zimmer:before, .reisedetail_termine__preise_tagesfahrt_volksfest .col--zimmer:before, .reisedetail_termine__preise_tagesfahrt_abgesagt .col--zimmer:before {color: #325eb9!important} .progress-indicator > li { font-size: 1em;} .progress-indicator > li span { font-size: 0.688em; line-height: 14px; letter-spacing: normal;} .such-teaser .widget-select, .such-teaser .widget-text { width: 48.99999999%; margin-bottom: 3px;} #footer img { max-width: 30%!important} #footer .mod_customnav ul { margin-left: 0;} .button-grau a.hyperlink_txt, .button-gelb a.hyperlink_txt, .button-braun a.hyperlink_txt, .button-blau a.hyperlink_txt, .ova-reisen button, a.btn, a.button-blau { padding: 5px 7px 5px 7px; } a.button-blau, .button-grau a.hyperlink_txt, .button-gelb a.hyperlink_txt, .button-braun a.hyperlink_txt, .button-blau a.hyperlink_txt, .ova-reisen button, a.btn, .button-grau a.hyperlink_txt:before, .button-gelb a.hyperlink_txt:before, .button-braun a.hyperlink_txt:before, .button-blau a.hyperlink_txt:before, .ova-reisen button:before, a.btn:before { font-size: 0.875em!important;} button.slick-next, button.slick-prev {width: 30px; height: 30px;} button.slick-next:before, button.slick-prev:before { font-size: 2em!important; margin-left: 2px; padding: 0px; line-height: 20px;} } @media screen and (max-width: 639px) { ::-webkit-scrollbar {width: 7px; height: 5px; } /* width */ .reisekalender .teaser-list_divider-year {font-size: 1.5em;} .reisekalender .teaser-list_divider-month {font-size: 1.2em;} .reisekalender .line-right {border-right: 0px; } .reisekalender .teaser--list-item {padding: 10px;} .reisekalender .image_copyrights {display: none;} .reisekalender .list-item--link {margin-top: 10px;} .reisekalender .list-item--title {font-size: 1em; margin: 0;} .reisekalender .list-item--link {display: block} .reisekalender a.button-blau {display: block!important;} } @media screen and (max-width: 555px) { .stadtbus-start, .reisen-start, .meldung-start, .reisebuero-start { padding: 20px; background-image: none;} .meldung-start .time { width: 50px; height: 50px; padding: 0} .reisedetail_jumper .price, .reisedetail_jumper_Volksfest .price { float: none;} }