1<!DOCTYPE html> 2<html dir="ltr" lang="de" class="no-js"> 3<head> 4 5<meta charset="utf-8"> 6<!-- 7 Realisierung: GO.WEST Communications GmbH <https://go-west.at> 8 9 This website is powered by TYPO3 - inspiring people to share! 10 TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL. 11 TYPO3 is copyright 1998-2026 of Kasper Skaarhoj. Extensions are copyright of their respective owners. 12 Information and contribution at https://typo3.org/ 13--> 14 15 16<link rel="shortcut icon" href="/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Icons/favicon-parkhotelgraz.ico" type="image/png"> 17<title>Gutscheine für das Parkhotel Graz</title> 18<link as="font" crossorigin="" rel="preload" href="/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/cormorant-v8-latin-300.woff2" /> 19<link as="font" crossorigin="" rel="preload" href="/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/cormorant-v8-latin-regular.woff2" /> 20<link as="font" crossorigin="" rel="preload" href="/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/cormorant-v8-latin-500.woff2" /> 21<link as="font" crossorigin="" rel="preload" href="/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/montserrat-v13-latin-300.woff2" /> 22<link as="font" crossorigin="" rel="preload" href="/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/montserrat-v13-latin-regular.woff2" /> 23<link as="font" crossorigin="" rel="preload" href="/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/yeseva-one-v14-latin-regular.woff2" /> 24<link as="style" rel="stylesheet preload" href="/typo3conf/ext/tracking/Resources/Public/css/consent.css" /> 25<link title="Online Buchen" rel="prev" href="https://onepagebooking.com/parkhotelgraz" /> 26<link title="Kontakt & Service" rel="up" href="/de/kontakt-service" /> 27<link title="Partner" rel="next" href="/de/kontakt-service/partner" /> 28<meta http-equiv="x-ua-compatible" content="IE=edge" /> 29<meta name="generator" content="TYPO3 CMS" /> 30<meta name="description" content="Für jeden Anlass das richtige Geschenk: Ein Gutschein für â Parkhotel Graz â Restaurant Florian oder â Parkhotel Kosmetik Graz ⤠Jetzt bestellen" /> 31<meta name="viewport" content="width=device-width, initial-scale=1" /> 32<meta name="robots" content="index,follow" /> 33<meta property="og:description" content="Für jeden Anlass das richtige Geschenk: Ein Gutschein für â Parkhotel Graz â Restaurant Florian oder â Parkhotel Kosmetik Graz ⤠Jetzt bestellen" /> 34<meta property="og:title" content="Gutschein" /> 35<meta property="og:image" content="https://www.parkhotel-graz.at/fileadmin/_processed_/e/b/csm_meranstube_1_c_michael-gries_2eda6d7b55.jpg" /> 36<meta name="twitter:card" content="summary" /> 37<meta name="apple-mobile-web-app-capable" content="no" /> 38 39 40<style type="text/css" media="all"> 41/*<![CDATA[*/ 42<!-- 43/* cormorant-300 - latin */ 44@font-face { 45 font-family: 'Cormorant'; 46 font-style: normal; 47 font-weight: 300; 48 font-display: swap; 49 src: url('/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/cormorant-v8-latin-300.eot'); 50 /* IE9 Compat Modes */ 51 src: local('Cormorant Light'), local('Cormorant-Light'), url('/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/cormorant-v8-latin-300.eot?#iefix') format('embedded-opentype'), url('/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/cormorant-v8-latin-300.woff2') format('woff2'), url('/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/cormorant-v8-latin-300.woff') format('woff'), url('/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/cormorant-v8-latin-300.ttf') format('truetype'), url('/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/cormorant-v8-latin-300.svg#Cormorant') format('svg'); 52 /* IE6-IE8 */ 53 /* Super Modern Browsers */ 54 /* Modern Browsers */ 55 /* Safari, Android, iOS */ 56 /* Legacy iOS */ } 57/* cormorant-regular - latin */ 58@font-face { 59 font-family: 'Cormorant'; 60 font-style: normal; 61 font-weight: 400; 62 font-display: swap; 63 src: url('/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/cormorant-v8-latin-regular.eot'); 64 /* IE9 Compat Modes */ 65 src: local('Cormorant Regular'), local('Cormorant-Regular'), url('/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/cormorant-v8-latin-regular.eot?#iefix') format('embedded-opentype'), url('/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/cormorant-v8-latin-regular.woff2') format('woff2'), url('/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/cormorant-v8-latin-regular.woff') format('woff'), url('/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/cormorant-v8-latin-regular.ttf') format('truetype'), url('/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/cormorant-v8-latin-regular.svg#Cormorant') format('svg'); 66 /* IE6-IE8 */
67 /* Super Modern Browsers */ 68 /* Modern Browsers */ 69 /* Safari, Android, iOS */ 70 /* Legacy iOS */ } 71/* cormorant-500 - latin */ 72@font-face { 73 font-family: 'Cormorant'; 74 font-style: normal; 75 font-weight: 500; 76 font-display: swap; 77 src: url('/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/cormorant-v8-latin-500.eot'); 78 /* IE9 Compat Modes */ 79 src: local('Cormorant Medium'), local('Cormorant-Medium'), url('/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/cormorant-v8-latin-500.eot?#iefix') format('embedded-opentype'), url('/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/cormorant-v8-latin-500.woff2') format('woff2'), url('/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/cormorant-v8-latin-500.woff') format('woff'), url('/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/cormorant-v8-latin-500.ttf') format('truetype'), url('/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/cormorant-v8-latin-500.svg#Cormorant') format('svg'); 80 /* IE6-IE8 */ 81 /* Super Modern Browsers */ 82 /* Modern Browsers */ 83 /* Safari, Android, iOS */ 84 /* Legacy iOS */ } 85/* montserrat-300 - latin */ 86@font-face { 87 font-family: 'Montserrat'; 88 font-style: normal; 89 font-weight: 300; 90 font-display: swap; 91 src: url('/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/montserrat-v13-latin-300.eot'); 92 /* IE9 Compat Modes */ 93 src: local('Montserrat Light'), local('Montserrat-Light'), url('/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/montserrat-v13-latin-300.eot?#iefix') format('embedded-opentype'), url('/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/montserrat-v13-latin-300.woff2') format('woff2'), url('/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/montserrat-v13-latin-300.woff') format('woff'), url('/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/montserrat-v13-latin-300.ttf') format('truetype'), url('/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/montserrat-v13-latin-300.svg#Montserrat') format('svg'); 94 /* IE6-IE8 */ 95 /* Super Modern Browsers */ 96 /* Modern Browsers */ 97 /* Safari, Android, iOS */ 98 /* Legacy iOS */ } 99/* montserrat-regular - latin */ 100@font-face { 101 font-family: 'Montserrat'; 102 font-style: normal; 103 font-weight: 400; 104 font-display: swap; 105 src: url('/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/montserrat-v13-latin-regular.eot'); 106 /* IE9 Compat Modes */ 107 src: local('Montserrat Regular'), local('Montserrat-Regular'), url('/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/montserrat-v13-latin-regular.eot?#iefix') format('embedded-opentype'), url('/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/montserrat-v13-latin-regular.woff2') format('woff2'), url('/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/montserrat-v13-latin-regular.woff') format('woff'), url('/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/montserrat-v13-latin-regular.ttf') format('truetype'), url('/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/montserrat-v13-latin-regular.svg#Montserrat') format('svg'); 108 /* IE6-IE8 */ 109 /* Super Modern Browsers */ 110 /* Modern Browsers */ 111 /* Safari, Android, iOS */ 112 /* Legacy iOS */ } 113/* yeseva-one-regular - latin */ 114@font-face { 115 font-family: 'Yeseva One'; 116 font-style: normal; 117 font-weight: 400; 118 font-display: swap; 119 src: url('/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/yeseva-one-v14-latin-regular.eot'); 120 /* IE9 Compat Modes */ 121 src: local('Yeseva One Regular'), local('YesevaOne-Regular'), url('/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/yeseva-one-v14-latin-regular.eot?#iefix') format('embedded-opentype'), url('/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/yeseva-one-v14-latin-regular.woff2') format('woff2'), url('/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/yeseva-one-v14-latin-regular.woff') format('woff'), url('/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/yeseva-one-v14-latin-regular.ttf') format('truetype'), url('/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/yeseva-one-v14-latin-regular.svg#YesevaOne') format('svg'); 122 /* IE6-IE8 */
123 /* Super Modern Browsers */ 124 /* Modern Browsers */ 125 /* Safari, Android, iOS */ 126 /* Legacy iOS */ } 127 128@font-face { 129 font-family: 'default'; 130 font-display: swap; 131 src: url('/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/default.eot?kr6jjbb'); 132 src: url('/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/default.eot?kr6jjbb#iefix') format('embedded-opentype'), url('/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/default.ttf?kr6jjbb') format('truetype'), url('/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/default.woff?kr6jjbb') format('woff'), url('/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Fonts/default.svg?kr6jjbb#icomoon') format('svg'); 133 font-weight: normal; 134 font-style: normal; } 135/* 136 .icon-plus:before { 137 content: "\2b"; 138 } 139 .icon-left_arrow:before { 140 content: "\2c2"; 141 } 142 .icon-right_arrow:before { 143 content: "\2c3"; 144 } 145 .icon-left_double_arrow:before { 146 content: "\2190"; 147 } 148 .icon-up_double_arrow:before { 149 content: "\2191"; 150 } 151 .icon-right_double_arrow:before { 152 content: "\2192"; 153 } 154 .icon-down_double_arrow:before { 155 content: "\2193";
156 } 157 .icon-navigation:before { 158 content: "\2261"; 159 } 160 .icon-home:before { 161 content: "\2302"; 162 } 163 .icon-up_arrow:before { 164 content: "\2303"; 165 } 166 .icon-down_arrow:before { 167 content: "\2304"; 168 } 169 .icon-minus:before { 170 content: "\23af"; 171 } 172 .icon-phone:before { 173 content: "\2706"; 174 } 175 .icon-mail:before { 176 content: "\2709"; 177 } 178 .icon-facebook:before { 179 content: "\e900"; 180 } 181 .icon-googleplus:before { 182 content: "\e901"; 183 } 184 .icon-linkedin:before { 185 content: "\e902"; 186 } 187 .icon-pinterest:before { 188 content: "\e903"; 189 } 190 .icon-reddit:before { 191 content: "\e904"; 192 } 193 .icon-stumbleupon:before { 194 content: "\e905"; 195 } 196 .icon-twitter:before { 197 content: "\e906"; 198 } 199 .icon-whatsapp:before { 200 content: "\e907"; 201 } 202 .icon-instagram:before { 203 content: "\e908"; 204 } 205 .icon-rss:before { 206 content: "\e909"; 207 } 208 .icon-booking:before { 209 content: "\e90a"; 210 } 211 .icon-close:before { 212 content: "\e90b"; 213 } 214 .icon-youtube:before { 215 content: "\e90c"; 216 } 217 .icon-blog:before { 218 content: "\e90d"; 219 } 220 .icon-skype:before { 221 content: "\e90e"; 222 } 223 .icon-share:before { 224 content: "\e90f"; 225 } 226 .icon-pointer:before { 227 content: "\e910"; 228 } 229 .icon-pdf:before { 230 content: "\e911"; 231 } 232 .icon-like:before { 233 content: "\e912"; 234 } 235 .icon-time:before { 236 content: "\e913"; 237 } 238 .icon-copy:before { 239 content: "\e914"; 240 } 241 .icon-left_down_arrow:before { 242 content: "\e915"; 243 } 244 .icon-right_down_arrow:before { 245 content: "\e916"; 246 } 247 .icon-left_up_arrow:before { 248 content: "\e917"; 249 } 250 .icon-right_up_arrow:before { 251 content: "\e918"; 252 } 253 .icon-question_mark:before { 254 content: "\e919"; 255 } 256 .icon-quote:before { 257 content: "\e91a"; 258 } 259 .icon-download:before { 260 content: "\e91b"; 261 } 262 .icon-fullscreen:before { 263 content: "\e91c"; 264 } 265 .icon-pause:before { 266 content: "\e91d"; 267 } 268 .icon-play:before { 269 content: "\e91e"; 270 } 271 .icon-download-catalog:before { 272 content: "\e91f"; 273 } 274 .icon-download-excel:before { 275 content: "\e920"; 276 } 277 .icon-download-img:before { 278 content: "\e921"; 279 } 280 .icon-download-pdf:before { 281 content: "\e922"; 282 } 283 .icon-download-unknown:before { 284 content: "\e923"; 285 } 286 .icon-download-word:before { 287 content: "\e924"; 288 } 289 .icon-download-zip:before { 290 content: "\e925"; 291 } 292 .icon-kosmetik:before { 293 content: "\e926"; 294 } 295 .icon-nav_neu:before { 296 content: "\e927"; 297 } 298 .icon-restaurant:before { 299 content: "\e928"; 300 } 301 .icon-buchen-neu:before { 302 content: "\e929"; 303 } 304 .icon-pfeil:before { 305 content: "\e92a"; 306 } 307 .icon-parkhotel:before { 308 content: "\e92b"; 309 } 310 .icon-persons:before { 311 content: "\e92c"; 312 } 313 .icon-persons2:before { 314 content: "\e92d"; 315 } 316 .icon-logo-bar-flora-symbol:before { 317 content: "\e92e"; 318 } 319 .icon-language:before { 320 content: "\1f30d"; 321 } 322 .icon-globe:before { 323 content: "\1f30e"; 324 } 325 .icon-grid:before { 326 content: "\1f4c5"; 327 } 328 .icon-voucher:before { 329 content: "\1f4e6"; 330 } 331 .icon-foto:before { 332 content: "\1f4f7"; 333 } 334 .icon-search:before { 335 content: "\1f50d"; 336 } 337 .icon-pin:before { 338 content: "\1f588"; 339 } 340 .icon-print:before { 341 content: "\1f5a8"; 342 } 343 .icon-fax:before { 344 content: "\1f5b7"; 345 } 346 .icon-bookmark:before { 347 content: "\1f5d2"; 348 } 349 .icon-checkmark:before { 350 content: "\1f5f8"; 351 } 352 .icon-notice:before { 353 content: "\1f6c8"; 354 } 355 .icon-cart:before { 356 content: "\1f6d2"; 357 } 358 */ 359--> 360/*]]>*/ 361</style> 362 363<style type="text/css" media="all"> 364/*<![CDATA[*/ 365<!-- 366*, *::before, *::after { 367 box-sizing: border-box; } 368 369html { 370 font-family: sans-serif; 371 line-height: 1.15; 372 -webkit-text-size-adjust: 100%; 373 -ms-overflow-style: scrollbar; 374 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } 375 @-ms-viewport { 376 width: device-width; } 377 378article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { 379 display: block; } 380 381[tabindex="-1"]:focus { 382 outline: 0 !important; } 383 384hr { 385 box-sizing: content-box; 386 height: 0; 387 overflow: visible; } 388 389h1, h2, h3, h4, h5, h6 { 390 margin-top: 0; 391 margin-bottom: 1.5rem; } 392 393p { 394 margin-top: 0; 395 margin-bottom: 1.5rem; } 396 397abbr[title], abbr[data-original-title] { 398 text-decoration: underline; 399 text-decoration: underline dotted; 400 cursor: help; 401 border-bottom: 0; } 402 403address { 404 margin-bottom: 1rem; 405 font-style: normal; 406 line-height: inherit; } 407 408ol, ul, dl { 409 margin-top: 0; 410 margin-bottom: 1rem; } 411 412ol ol, ul ul, ol ul, ul ol { 413 margin-bottom: 0; } 414 415dt { 416 font-weight: normal; } 417 418dd { 419 margin-bottom: 0.5rem; 420 margin-left: 0; } 421 422blockquote { 423 margin: 0 0 1rem; } 424 425b, strong { 426 font-weight: bold; } 427 428small { 429 font-size: 80%; } 430 431sub, sup { 432 position: relative; 433 font-size: 75%; 434 line-height: 0; 435 vertical-align: baseline; } 436 437sub { 438 bottom: -0.25em; } 439 440sup { 441 top: -0.5em; } 442 443a:not([href]):not([tabindex]) { 444 color: inherit; 445 text-decoration: none; } 446 a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { 447 color: inherit; 448 text-decoration: none; } 449 a:not([href]):not([tabindex]):focus { 450 outline: 0; } 451 452pre, code, kbd, samp { 453 font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; 454 font-size: 1em; } 455 456pre { 457 margin-top: 0; 458 margin-bottom: 1rem; 459 overflow: auto; 460 -ms-overflow-style: scrollbar; } 461 462figure { 463 margin: 0 0 1rem; } 464 465img { 466 vertical-align: middle; 467 border-style: none; } 468 469svg { 470 overflow: hidden; 471 vertical-align: middle; } 472 473table { 474 border-collapse: collapse; } 475 476caption { 477 padding-top: 0.5rem; 478 padding-bottom: 0.5rem; 479 color: #525252; 480 text-align: left; 481 caption-side: bottom; } 482 483th { 484 text-align: inherit; } 485 486label { 487 display: inline-block; 488 margin-bottom: 1.5rem; } 489 490button { 491 border-radius: 0; } 492 493button:focus { 494 outline: 1px dotted; 495 outline: 5px auto -webkit-focus-ring-color; } 496 497input, button, select, optgroup, textarea { 498 margin: 0; 499 font-family: inherit; 500 font-size: inherit; 501 line-height: inherit; } 502 503button, input { 504 overflow: visible; } 505 506button, select { 507 text-transform: none; } 508 509button, [type="button"], [type="reset"], [type="submit"] { 510 -webkit-appearance: button; } 511 512button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { 513 padding: 0; 514 border-style: none; } 515 516input[type="radio"], input[type="checkbox"] { 517 box-sizing: border-box; 518 padding: 0; } 519 520input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { 521 -webkit-appearance: listbox; } 522 523textarea { 524 overflow: auto; 525 resize: vertical; } 526 527fieldset { 528 min-width: 0; 529 padding: 0; 530 margin: 0; 531 border: 0; } 532 533legend { 534 display: block; 535 width: 100%; 536 max-width: 100%; 537 padding: 0; 538 margin-bottom: 0.5rem; 539 font-size: 1.5rem; 540 line-height: inherit; 541 color: inherit; 542 white-space: normal; } 543 544progress { 545 vertical-align: baseline; } 546 547[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { 548 height: auto; } 549 550[type="search"] { 551 outline-offset: -2px; 552 -webkit-appearance: none; } 553 554[type="search"]::-webkit-search-decoration { 555 -webkit-appearance: none; } 556 557::-webkit-file-upload-button { 558 font: inherit; 559 -webkit-appearance: button; } 560 561output { 562 display: inline-block; } 563 564summary { 565 display: list-item; 566 cursor: pointer; } 567 568template { 569 display: none; } 570 571[hidden] { 572 display: none !important; } 573--> 574/*]]>*/ 575</style> 576 577<style type="text/css" media="all"> 578/*<![CDATA[*/ 579<!-- 580html { 581 font-size: 16px; 582 overflow-x: hidden; } 583 584html.noscroll { 585 overflow: hidden; } 586 587body, .colAjax { 588 margin: 0; 589 font-family: Montserrat; 590 font-size: 1rem; 591 font-weight: 300; 592 line-height: 2em; 593 color: #525252; 594 text-align: left; 595 background-color: #fff; } 596 body:after, .colAjax:after { 597 content: "xs"; 598 display: none; } 599 @media (min-width: 768px) { 600 body:after, .colAjax:after { 601 content: "sm"; } } 602 @media (min-width: 992px) { 603 body:after, .colAjax:after { 604 content: "md"; } } 605 @media (min-width: 1302px) { 606 body:after, .colAjax:after { 607 content: "lg"; } } 608 609header, footer { 610 margin-bottom: 1.5rem; } 611 612.align-left { 613 text-align: left; } 614 615.align-right { 616 text-align: right; } 617 618.align-center { 619 text-align: center; } 620 621.align-justify { 622 text-align: justify; } 623 624.ce-headline-left { 625 text-align: left; } 626 627.ce-headline-center { 628 text-align: center; } 629 630.ce-headline-right { 631 text-align: right; } 632 633::-moz-selection { 634 background: rgba(82, 72, 63, 1); 635 color: #fff; } 636 637::selection { 638 background: rgba(82, 72, 63, 1); 639 color: #fff; } 640 641body::-webkit-scrollbar {
642 width: 15px; } 643 644body::-webkit-scrollbar-track { 645 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); 646 background: #ddd; } 647 648body::-webkit-scrollbar-thumb { 649 background-color: rgba(82, 72, 63, 1); 650 outline: 1px solid rgba(82, 72, 63, 1); 651 -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.1); } 652 653a { 654 color: rgba(82, 72, 63, 1); 655 text-decoration: underline; 656 background-color: transparent; } 657 a:hover { 658 color: rgba(229, 186, 101, 1); 659 text-decoration: underline; } 660 661h1, .h1 { 662 margin: 0; 663 padding: 0; 664 font-size: 32px; 665 font-size: 2rem; 666 line-height: 1.2em; 667 color: rgba(82, 72, 63, 1); 668 font-family: Cormorant; 669 font-weight: 500; 670 text-transform: none; 671 letter-spacing: 0px; 672 display: block; 673 text-align: left; } 674 @media (min-width: 768px) { 675 h1, .h1 { 676 font-size: 40px; 677 font-size: 2.5rem; } } 678 @media (min-width: 992px) { 679 h1, .h1 { 680 font-size: 70px; 681 font-size: 4.375rem; } } 682 @media (min-width: 1302px) { 683 h1, .h1 { 684 font-size: 90px; 685 font-size: 5.625rem; } } 686 @media (max-width: 767px) { 687 h1, .h1 { 688 -webkit-hyphens: auto; 689 -moz-hyphens: auto; 690 -ms-hyphens: auto; 691 hyphens: auto; } } 692 693h2, .h2 { 694 margin: 0; 695 padding: 0; 696 font-size: 26px; 697 font-size: 1.625rem; 698 line-height: 1.5em; 699 color: rgba(82, 72, 63, 1); 700 font-family: Cormorant; 701 font-weight: 400; 702 text-transform: none; 703 letter-spacing: 0px; 704 display: block; } 705 @media (min-width: 768px) { 706 h2, .h2 { 707 font-size: 26px; 708 font-size: 1.625rem; } } 709 @media (min-width: 992px) { 710 h2, .h2 { 711 font-size: 32px; 712 font-size: 2rem; } } 713 @media (min-width: 1302px) { 714 h2, .h2 { 715 font-size: 32px; 716 font-size: 2rem; } } 717 @media (max-width: 767px) { 718 h2, .h2 { 719 -webkit-hyphens: auto; 720 -moz-hyphens: auto; 721 -ms-hyphens: auto; 722 hyphens: auto; } } 723 h2.ce-headline-center, .h2.ce-headline-center { 724 text-align: center; } 725 h2.ce-headline-left, .h2.ce-headline-left { 726 text-align: left; } 727 h2.ce-headline-right, .h2.ce-headline-right { 728 text-align: right; } 729 730h3 { 731 font-size: 16px; 732 font-size: 1rem; 733 line-height: 1.5em; 734 color: #525252; 735 font-family: Montserrat; 736 font-weight: bold; 737 text-transform: none; 738 letter-spacing: 0px; 739 display: block; 740 margin: 0 0 1.5em 0; } 741 @media (min-width: 768px) { 742 h3 { 743 font-size: 16px; 744 font-size: 1rem; } } 745 @media (min-width: 992px) { 746 h3 { 747 font-size: 16px; 748 font-size: 1rem; } } 749 @media (min-width: 1302px) { 750 h3 { 751 font-size: 16px; 752 font-size: 1rem; } } 753 h3.ce-headline-center { 754 text-align: center; } 755 h3.ce-headline-left { 756 text-align: left; } 757 h3.ce-headline-right { 758 text-align: right; } 759 760h4 { 761 font-size: 12px; 762 font-size: 0.75rem; 763 line-height: 1.5em; 764 color: #525252; 765 font-family: Montserrat; 766 font-weight: bold; 767 text-transform: none; 768 letter-spacing: 0px; 769 display: block; 770 margin: 0; } 771 @media (min-width: 768px) { 772 h4 { 773 font-size: 12px; 774 font-size: 0.75rem; } } 775 @media (min-width: 992px) { 776 h4 { 777 font-size: 16px; 778 font-size: 1rem; } } 779 @media (min-width: 1302px) { 780 h4 { 781 font-size: 16px; 782 font-size: 1rem; } } 783 784p.subtitle { 785 font-size: 14px; 786 font-size: 0.875rem; 787 line-height: 2em; 788 color: #525252; 789 font-family: Montserrat; 790 font-weight: 400; 791 text-transform: uppercase; 792 letter-spacing: 2px; 793 display: block; 794 margin: 0; } 795 @media (min-width: 768px) { 796 p.subtitle { 797 font-size: 14px; 798 font-size: 0.875rem; } } 799 @media (min-width: 992px) { 800 p.subtitle { 801 font-size: 16px; 802 font-size: 1rem; } } 803 @media (min-width: 1302px) { 804 p.subtitle { 805 font-size: 16px; 806 font-size: 1rem; } } 807 p.subtitle.ce-headline-center { 808 text-align: center; } 809 p.subtitle.ce-headline-left { 810 text-align: left; } 811 p.subtitle.ce-headline-right { 812 text-align: right; } 813 814p.summary { 815 font-size: 14px; 816 font-size: 0.875rem; 817 line-height: 2em; 818 color: #525252; 819 font-family: Montserrat; 820 font-weight: 400; 821 text-transform: uppercase; 822 letter-spacing: 2px; 823 display: block; 824 margin: 0 0 1rem; } 825 @media (min-width: 768px) { 826 p.summary { 827 font-size: 14px; 828 font-size: 0.875rem; } } 829 @media (min-width: 992px) { 830 p.summary { 831 font-size: 16px; 832 font-size: 1rem; } } 833 @media (min-width: 1302px) { 834 p.summary { 835 font-size: 16px; 836 font-size: 1rem; } } 837 p.summary.ce-headline-center { 838 text-align: center; } 839 p.summary.ce-headline-left { 840 text-align: left; } 841 p.summary.ce-headline-right { 842 text-align: right; } 843 844#title { 845 margin-bottom: 30px; 846 margin-bottom: 1.875rem; 847 margin-top: 50px; 848 margin-top: 3.125rem; } 849 @media (min-width: 768px) { 850 #title { 851 margin-bottom: 30px; 852 margin-bottom: 1.875rem; 853 margin-top: 50px; 854 margin-top: 3.125rem; } } 855 @media (min-width: 992px) { 856 #title { 857 margin-bottom: 30px; 858 margin-bottom: 1.875rem; 859 margin-top: 100px; 860 margin-top: 6.25rem; } } 861 @media (min-width: 1302px) { 862 #title { 863 margin-bottom: 30px; 864 margin-bottom: 1.875rem; 865 margin-top: 100px; 866 margin-top: 6.25rem; } } 867 868#title p.subtitle { 869 font-size: 14px; 870 font-size: 0.875rem; 871 line-height: 2em; 872 color: #525252; 873 font-family: Montserrat; 874 font-weight: 400; 875 text-transform: uppercase; 876 letter-spacing: 2px; 877 text-align: left; 878 display: block; 879 margin: 0; } 880 @media (min-width: 768px) { 881 #title p.subtitle { 882 font-size: 14px; 883 font-size: 0.875rem; } } 884 @media (min-width: 992px) { 885 #title p.subtitle { 886 font-size: 16px; 887 font-size: 1rem; } } 888 @media (min-width: 1302px) { 889 #title p.subtitle { 890 font-size: 16px; 891 font-size: 1rem; } } 892 893#title p.summary { 894 font-size: 14px; 895 font-size: 0.875rem; 896 line-height: 2em; 897 color: #525252; 898 font-family: Montserrat; 899 font-weight: 400; 900 text-transform: uppercase; 901 letter-spacing: 2px; 902 text-align: left; 903 display: block; 904 margin: 0; } 905 @media (min-width: 768px) { 906 #title p.summary { 907 font-size: 14px; 908 font-size: 0.875rem; } } 909 @media (min-width: 992px) { 910 #title p.summary { 911 font-size: 16px; 912 font-size: 1rem; } } 913 @media (min-width: 1302px) { 914 #title p.summary { 915 font-size: 16px; 916 font-size: 1rem; } } 917 918.home #title h1, .home #title p.summary, .home #title p.subtitle { 919 text-align: center; } 920 921ul, ol, p { 922 margin: 0 0 1.5em 0; } 923 924a[href^="mailto"] { 925 white-space: nowrap; } 926 927nav ul { 928 list-style: none; } 929 930ul.ce-bullets { 931 list-style: none; 932 padding: 0; 933 margin-left: 3rem; } 934 ul.ce-bullets li { 935 position: relative; 936 padding-left: 1rem; } 937 ul.ce-bullets li:before { 938 content: ""; 939 background: rgba(82, 72, 63, 1); 940 width: 6px; 941 height: 6px; 942 position: absolute; 943 left: 0; 944 top: 13px; 945 border-radius: 100%; } 946 ul.ce-bullets ul li:before { 947 background: none; 948 border: 1px solid rgba(82, 72, 63, 1); } 949 950ol.ce-bullets { 951 padding-left: 2rem; } 952 953hr { 954 background-color: #ddd; 955 color: #ddd; 956 border: 0; 957 height: 1px; } 958 959.lead { 960 font-size: 20px; 961 font-size: 1.25rem; 962 line-height: 1.5em; 963 color: #525252; 964 font-family: Cormorant; 965 font-weight: 400; 966 text-transform: none; 967 letter-spacing: 0px; } 968 @media (min-width: 768px) { 969 .lead { 970 font-size: 20px; 971 font-size: 1.25rem; } } 972 @media (min-width: 992px) { 973 .lead { 974 font-size: 22px; 975 font-size: 1.375rem; } } 976 @media (min-width: 1302px) { 977 .lead { 978 font-size: 22px; 979 font-size: 1.375rem; } } 980 981p:empty { 982 display: none; } 983 984.frame p { 985 text-align: left; } 986 .frame p.text-center { 987 text-align: center; } 988 .frame p.text-right { 989 text-align: right; }
990 .frame p.text-justify { 991 text-align: justify; } 992/*** BUTTONS START ***/ 993.btn { 994 width: 100%; 995 height: 44px; 996 line-height: 44px; 997 letter-spacing: 2px; 998 font-size: 13px; 999 font-size: 0.8125rem; 1000 font-family: Montserrat; 1001 font-weight: bold; 1002 text-transform: uppercase; 1003 /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#52483f+0,2e2824+100 */ 1004 background: #52483f; 1005 /* Old browsers */ 1006 background: -moz-linear-gradient(left, #52483f 0%, #2e2824 100%); 1007 /* FF3.6-15 */ 1008 background: -webkit-linear-gradient(left, #52483f 0%, #2e2824 100%); 1009 /* Chrome10-25,Safari5.1-6 */ 1010 background: linear-gradient(to right, #52483f 0%, #2e2824 100%); 1011 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 1012 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52483f', endColorstr='#2e2824', GradientType=1); 1013 /* IE6-9 */ 1014 text-decoration: none !important; 1015 text-align: center; 1016 display: inline-block; 1017 color: #fff; 1018 -webkit-transition: 0.25s ease; 1019 -moz-transition: 0.25s ease; 1020 -ms-transition: 0.25s ease; 1021 -o-transition: 0.25s ease; 1022 transition: 0.25s ease; 1023 padding: 0 30px; 1024 margin: 0 0 10px; 1025 border-radius: 22px; 1026 vertical-align: top; 1027 border: none; 1028 cursor: pointer; } 1029 .btn:hover { 1030 opacity: 0.8; 1031 color: #fff; } 1032 @media (min-width: 768px) { 1033 .btn { 1034 width: auto; 1035 margin-right: 10px; } } 1036 1037.btn-secondary { 1038 /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5ba65+1,c5a66c+100 */ 1039 background: #e5ba65; 1040 /* Old browsers */ 1041 background: -moz-linear-gradient(left, #e5ba65 1%, #c5a66c 100%); 1042 /* FF3.6-15 */ 1043 background: -webkit-linear-gradient(left, #e5ba65 1%, #c5a66c 100%); 1044 /* Chrome10-25,Safari5.1-6 */ 1045 background: linear-gradient(to right, #e5ba65 1%, #c5a66c 100%); 1046 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 1047 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5ba65', endColorstr='#c5a66c', GradientType=1); 1048 /* IE6-9 */ } 1049 1050.btn-success { 1051 background: #208832; } 1052 1053.btn-danger { 1054 background: #dc3545; } 1055 1056.btn-warning { 1057 background: #ffc107; } 1058 1059.btn-info { 1060 background: #17a2b8; } 1061 1062.btn-light { 1063 background: #f8f9fa; 1064 color: #000 !important; } 1065 1066.btn-dark { 1067 background: #343a40; } 1068 1069.btn-outline-primary { 1070 background: none; 1071 border: 1px solid rgba(82, 72, 63, 1); 1072 line-height: calc(44px - 2px); 1073 color: rgba(82, 72, 63, 1) !important; 1074 padding: 0 9px; } 1075 .btn-outline-primary:hover { 1076 opacity: 1; 1077 background: rgba(82, 72, 63, 1); 1078 color: #fff !important; } 1079 1080.btn-outline-secondary { 1081 background: none; 1082 border: 1px solid rgba(82, 72, 63, 1); 1083 line-height: calc(44px - 2px); 1084 color: rgba(82, 72, 63, 1) !important; 1085 padding: 0 9px; } 1086 .btn-outline-secondary:hover { 1087 opacity: 1; 1088 background: rgba(82, 72, 63, 1); 1089 color: #fff !important; } 1090 1091.btn-outline-success { 1092 background: none; 1093 border: 1px solid #208832; 1094 line-height: calc(44px - 2px); 1095 color: #208832 !important; 1096 padding: 0 9px; } 1097 .btn-outline-success:hover { 1098 opacity: 1; 1099 background: #208832; 1100 color: #fff !important; } 1101 1102.btn-outline-danger { 1103 background: none; 1104 border: 1px solid #dc3545; 1105 line-height: calc(44px - 2px); 1106 color: #dc3545 !important; 1107 padding: 0 9px; } 1108 .btn-outline-danger:hover { 1109 opacity: 1; 1110 background: #dc3545; 1111 color: #fff !important; } 1112 1113.btn-outline-warning { 1114 background: none; 1115 border: 1px solid #ffc107; 1116 line-height: calc(44px - 2px); 1117 color: #ffc107 !important; 1118 padding: 0 9px; } 1119 .btn-outline-warning:hover { 1120 opacity: 1; 1121 background: #ffc107; 1122 color: #fff !important; } 1123 1124.btn-outline-info { 1125 background: none; 1126 border: 1px solid #17a2b8; 1127 line-height: calc(44px - 2px); 1128 color: #17a2b8 !important; 1129 padding: 0 9px; } 1130 .btn-outline-info:hover { 1131 opacity: 1; 1132 background: #17a2b8; 1133 color: #fff !important; } 1134 1135.btn-outline-light { 1136 background: none; 1137 border: 1px solid #f8f9fa; 1138 line-height: calc(44px - 2px); 1139 color: #f8f9fa !important; 1140 padding: 0 9px; } 1141 .btn-outline-light:hover { 1142 opacity: 1; 1143 background: #f8f9fa; 1144 color: #000 !important; } 1145 1146.btn-outline-dark { 1147 background: none; 1148 border: 1px solid #343a40; 1149 line-height: calc(44px - 2px); 1150 color: #343a40 !important; 1151 padding: 0 9px; } 1152 .btn-outline-dark:hover { 1153 opacity: 1; 1154 background: #343a40; 1155 color: #fff !important; } 1156 1157.btn-sm { 1158 height: 30px; 1159 line-height: 30px; } 1160/*** BUTTONS END ***/ 1161/*** FRAME LAYOUTS START ***/ 1162.frame-layout-10, .frame-layout-11, .frame-layout-12, .success, .frame-layout-13, .error, .frame-layout-14, .frame-layout-15 { 1163 padding: calc(20px / 2); 1164 border-radius: 0px; } 1165 .frame-layout-10 p:last-of-type, .frame-layout-11 p:last-of-type, .frame-layout-12 p:last-of-type, .success p:last-of-type, .frame-layout-13 p:last-of-type, .error p:last-of-type, .frame-layout-14 p:last-of-type, .frame-layout-15 p:last-of-type { 1166 margin: 0; } 1167 .frame-layout-10 header, .frame-layout-11 header, .frame-layout-12 header, .success header, .frame-layout-13 header, .error header, .frame-layout-14 header, .frame-layout-15 header { 1168 margin-bottom: 0.5em; } 1169 1170.frame-layout-10 { 1171 background: rgba(185, 174, 164, 1); 1172 color: rgba(0, 0, 0, 1); 1173 border: 1px solid rgba(24, 21, 19, 1); } 1174 .frame-layout-10 h2, .frame-layout-10 h3, .frame-layout-10 h4 { 1175 color: rgba(0, 0, 0, 1); } 1176 .frame-layout-10 a { 1177 font-weight: bolder; 1178 color: rgba(0, 0, 0, 1); } 1179 1180.frame-layout-11 { 1181 background: rgba(185, 174, 164, 1); 1182 color: rgba(0, 0, 0, 1); 1183 border: 1px solid rgba(24, 21, 19, 1); } 1184 .frame-layout-11 h2, .frame-layout-11 h3, .frame-layout-11 h4 { 1185 color: rgba(0, 0, 0, 1); } 1186 .frame-layout-11 a { 1187 font-weight: bolder; 1188 color: rgba(0, 0, 0, 1); } 1189 1190.frame-layout-12, .success { 1191 background: none; 1192 color: #030c04; 1193 border: 0; } 1194 .frame-layout-12 h2, .success h2, .frame-layout-12 h3, .success h3, .frame-layout-12 h4, .success h4 { 1195 color: #030c04; } 1196 .frame-layout-12 a, .success a { 1197 font-weight: bolder; 1198 color: #030c04; } 1199 1200.frame-layout-13, .error { 1201 background: #fae3e5; 1202 color: #66121a; 1203 border: 1px solid #921925; } 1204 .frame-layout-13 h2, .error h2, .frame-layout-13 h3, .error h3, .frame-layout-13 h4, .error h4 { 1205 color: #66121a; } 1206 .frame-layout-13 a, .error a { 1207 font-weight: bolder; 1208 color: #66121a; } 1209 1210.frame-layout-14 { 1211 background: #fff4d3;
1212 color: #6d5200; 1213 border: 1px solid #a07800; } 1214 .frame-layout-14 h2, .frame-layout-14 h3, .frame-layout-14 h4 { 1215 color: #6d5200; } 1216 .frame-layout-14 a { 1217 font-weight: bolder; 1218 color: #6d5200; } 1219 1220.frame-layout-15 { 1221 background: #a7e9f4; 1222 color: #062a30; 1223 border: 1px solid #0c525d; } 1224 .frame-layout-15 h2, .frame-layout-15 h3, .frame-layout-15 h4 { 1225 color: #062a30; } 1226 .frame-layout-15 a { 1227 font-weight: bolder; 1228 color: #062a30; } 1229/*** FRAME LAYOUTS END ***/ 1230.image img { 1231 width: 100%; 1232 height: auto; } 1233 1234.no-js .objectFit, .no-js .lazyload { 1235 display: none !important; } 1236 1237.no-js noscript img { 1238 width: 100%; 1239 height: 100%; 1240 filter: blur(0px) !important; } 1241 1242.ar1-1 { 1243 position: relative; 1244 padding-top: 100%; } 1245 1246.ar2-1 { 1247 position: relative; 1248 padding-top: 50%; } 1249 1250.ar3-2 { 1251 position: relative; 1252 padding-top: 66.6666666667%; } 1253 1254.ar4-3 { 1255 position: relative; 1256 padding-top: 75%; } 1257 1258.ar16-9 { 1259 position: relative; 1260 padding-top: 56.25%; } 1261/****************** OBJECT FIT START ******************/ 1262.objectFit { 1263 width: 100%; 1264 height: 100%; 1265 display: block; 1266 background-size: cover; 1267 background-position: center center; 1268 position: relative; } 1269 .objectFit img { 1270 width: 100%; 1271 height: 100%; 1272 object-fit: cover; 1273 position: absolute; 1274 left: 0; 1275 top: 0; 1276 object-position: center center; 1277 font-family: 'object-fit: cover; object-position: center center;'; } 1278 .objectFit.ob-left img { 1279 object-position: left center; 1280 font-family: 'object-fit: cover; object-position: left center;'; } 1281 .objectFit.ob-right img { 1282 object-position: right center; 1283 font-family: 'object-fit: cover; object-position: right center;'; } 1284/****************** OBJECT FIT ENDE ******************/ 1285iframe { 1286 width: 100%; 1287 height: auto; 1288 border: none; } 1289 1290.iframe-video { 1291 position: relative; 1292 padding-top: 56.25%; } 1293 .iframe-video iframe { 1294 position: absolute; 1295 left: 0; 1296 top: 0; 1297 width: 100%; 1298 height: 100%; } 1299 .iframe-video[data-aspect-ratio="4_3"] { 1300 position: relative; 1301 padding-top: 75%; } 1302 1303video[poster] { 1304 object-fit: cover; } 1305 1306.frame-type-htmlvideo video { 1307 width: 100%; 1308 height: auto; } 1309 1310.ui-datepicker .ui-state-active { 1311 background: rgba(82, 72, 63, 1) !important; 1312 border: 1px solid rgba(82, 72, 63, 1) !important; } 1313 .ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default, .ui-datepicker .ui-button, .ui-datepicker html .ui-button.ui-state-disabled:hover, .ui-datepicker html .ui-button.ui-state-disabled:active { 1314 text-align: center; } 1315 1316body.home #pagewrap { 1317 position: relative; 1318 overflow: hidden; } 1319/* MENÃ Element */ 1320.frame-layout-16 { 1321 position: relative; 1322 border: 1px solid #ddd; 1323 text-align: center; 1324 font-size: 18px; 1325 font-size: 1.125rem; 1326 font-weight: 300; 1327 box-shadow: inset 0 0 0 9px #f9f9f9, inset 0 0 0 10px #ddd; 1328 padding: 90px 30px 40px; 1329 width: 100%; } 1330 @media (min-width: 768px) { 1331 .frame-layout-16 { 1332 box-shadow: inset 0 0 0 19px #f9f9f9, inset 0 0 0 20px #ddd; } } 1333 .frame-layout-16 .subtitle { 1334 text-transform: none; 1335 letter-spacing: 0; 1336 padding-bottom: 30px; } 1337/* Iframe Hotelnetsolution */ 1338.tx-hotelnetsolutions-pi1 { 1339 text-align: center; } 1340 .tx-hotelnetsolutions-pi1 iframe { 1341 width: 100%; 1342 margin: 0 auto; 1343 height: 1024px; } 1344 @media (min-width: 1302px) { 1345 .tx-hotelnetsolutions-pi1 iframe { 1346 width: 1061px; } } 1347/* Customer Alliance */ 1348.tx-customer_alliance .f3-widget-paginator .previous, .tx-customer_alliance .f3-widget-paginator .next { 1349 width: 100px; } 1350 1351.newsletterform .input { 1352 padding: 0 5px !important; } 1353 .newsletterform .btn { 1354 width: 100%; 1355 height: 44px; 1356 line-height: 44px; 1357 letter-spacing: 2px; 1358 font-size: 13px; 1359 font-size: 0.8125rem; 1360 font-family: Montserrat; 1361 font-weight: bold; 1362 text-transform: uppercase; 1363 /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#52483f+0,2e2824+100 */ 1364 background: #52483f; 1365 /* Old browsers */ 1366 background: -moz-linear-gradient(left, #52483f 0%, #2e2824 100%); 1367 /* FF3.6-15 */ 1368 background: -webkit-linear-gradient(left, #52483f 0%, #2e2824 100%); 1369 /* Chrome10-25,Safari5.1-6 */ 1370 background: linear-gradient(to right, #52483f 0%, #2e2824 100%); 1371 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 1372 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52483f', endColorstr='#2e2824', GradientType=1); 1373 /* IE6-9 */ 1374 text-decoration: none !important; 1375 text-align: center; 1376 display: inline-block; 1377 color: #fff; 1378 -webkit-transition: 0.25s ease; 1379 -moz-transition: 0.25s ease; 1380 -ms-transition: 0.25s ease; 1381 -o-transition: 0.25s ease; 1382 transition: 0.25s ease;
1383 padding: 0 30px; 1384 margin: 0 0 10px; 1385 border-radius: 22px; 1386 vertical-align: top; 1387 border: none; 1388 cursor: pointer; } 1389 .newsletterform .btn:hover { 1390 opacity: 0.8; 1391 color: #fff; } 1392 @media (min-width: 768px) { 1393 .newsletterform .btn { 1394 width: auto; 1395 margin-right: 10px; } } 1396 1397.share-container .share-content li.googleplus { 1398 display: none !important; } 1399 1400.frame-type-bewertungsteaser { 1401 text-align: center; } 1402 .frame-type-bewertungsteaser > .btn { 1403 margin: 0px; } 1404 1405.bewertungsteaser { 1406 background: linear-gradient(135deg, #ecc068 0%, #b69353 100%); 1407 border-radius: 4px; 1408 color: #fff; 1409 width: 100%; 1410 margin: 0 auto 1.5rem; 1411 padding: 30px; 1412 display: grid; 1413 grid-template-columns: repeat(1, minmax(0, 1fr)); 1414 gap: 30px; 1415 max-width: 820px; } 1416 @media (min-width: 992px) { 1417 .bewertungsteaser { 1418 grid-template-columns: repeat(2, minmax(0, 1fr)); 1419 padding: 38px; } } 1420 .bewertungsteaser .item div { 1421 font-size: 16px; 1422 font-weight: 600; } 1423 .bewertungsteaser .item img { 1424 width: 100%; 1425 height: 40px; 1426 object-fit: contain; 1427 margin-bottom: 16px; } 1428 1429figcaption { 1430 font-size: 14px; 1431 line-height: 1.2em; 1432 margin-top: 5px; } 1433 1434@media (max-width: 767px) { 1435 .score .score-inner-wrap { 1436 width: 3.25em !important; } } 1437 1438.score .score-inner-wrap { 1439 width: 4.75em !important; } 1440 1441body .gotools-clarity-menu-btn { 1442 left: 10px !important; 1443 bottom: 10px !important; 1444 z-index: 50; } 1445 @media (min-width: 992px) { 1446 body .gotools-clarity-menu-btn { 1447 left: 20px !important; 1448 bottom: 20px !important; } } 1449 1450body form .radio input { 1451 margin-right: 5px; } 1452--> 1453/*]]>*/ 1454</style> 1455 1456<style type="text/css" media="all"> 1457/*<![CDATA[*/ 1458<!-- 1459#header { 1460 height: 80px; 1461 height: 5rem; 1462 width: 100%; 1463 background: #fff; 1464 position: fixed; 1465 left: 0px; 1466 top: 0px; 1467 z-index: 900; 1468 -webkit-transition: 0.2s ease; 1469 -moz-transition: 0.2s ease; 1470 -ms-transition: 0.2s ease; 1471 -o-transition: 0.2s ease; 1472 transition: 0.2s ease; } 1473 @media (min-width: 768px) { 1474 #header { 1475 height: 80px; 1476 height: 5rem; } } 1477 @media (min-width: 992px) { 1478 #header { 1479 height: 100px; 1480 height: 6.25rem; 1481 position: fixed; 1482 background: none; } } 1483 @media (min-width: 1302px) { 1484 #header { 1485 height: 100px; 1486 height: 6.25rem; } } 1487 @media (max-width: 991.98px) { 1488 #header.scroll-down { 1489 transform: translateY(-100%); } } 1490 #header.small { 1491 height: 100px; 1492 height: 6.25rem; 1493 background: #fff; 1494 -webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1); 1495 -moz-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1); 1496 box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1); } 1497 @media (max-width: 991.98px) { 1498 #header { 1499 height: 80px !important; } } 1500 #header .shadow { 1501 opacity: 0; 1502 position: absolute; 1503 left: 0; 1504 top: 0; 1505 width: 100%; 1506 height: 250%; 1507 z-index: 0; 1508 pointer-events: none; 1509 visibility: hidden; 1510 background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); 1511 background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); 1512 background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); 1513 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=0); 1514 -webkit-transition: opacity 0.2s ease, visibility 0.2s ease 0.2s; 1515 -moz-transition: opacity 0.2s ease, visibility 0.2s ease 0.2s; 1516 -ms-transition: opacity 0.2s ease, visibility 0.2s ease 0.2s; 1517 -o-transition: opacity 0.2s ease, visibility 0.2s ease 0.2s; 1518 transition: opacity 0.2s ease, visibility 0.2s ease 0.2s; } 1519 1520.header-buttons { 1521 position: absolute; 1522 right: 0px; 1523 top: 0px; 1524 height: 100%; 1525 min-width: 30px; 1526 font-size: 0px; 1527 z-index: 60; } 1528 .header-buttons > * { 1529 float: left; 1530 position: relative; } 1531 1532@media (min-width: 992px) { 1533 #header.invert { 1534 background: transparent; 1535 -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); 1536 -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); 1537 box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); } 1538 #header.invert .shadow { 1539 opacity: 0.8; 1540 visibility: visible; 1541 -webkit-transition: opacity 0.2s ease, visibility 0.2s ease 0s; 1542 -moz-transition: opacity 0.2s ease, visibility 0.2s ease 0s; 1543 -ms-transition: opacity 0.2s ease, visibility 0.2s ease 0s; 1544 -o-transition: opacity 0.2s ease, visibility 0.2s ease 0s; 1545 transition: opacity 0.2s ease, visibility 0.2s ease 0s; } 1546 1547 #header.onscroll { 1548 background: #fff; 1549 -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25); 1550 -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25); 1551 box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25); } } 1552/****************** BRAND START ******************/ 1553#brand { 1554 display: block; 1555 position: absolute; 1556 left: 0px; 1557 top: 0px; 1558 width: 80px; 1559 width: 5rem; 1560 height: 80px; 1561 height: 5rem; 1562 padding: 10px 0; } 1563 @media (min-width: 992px) { 1564 #brand { 1565 width: 180px; 1566 width: 11.25rem; 1567 height: 100%; 1568 left: 50%; 1569 top: 0px; 1570 -moz-transform: translateX(-50%); 1571 -o-transform: translateX(-50%); 1572 -ms-transform: translateX(-50%); 1573 -webkit-transform: translateX(-50%); 1574 transform: translateX(-50%); } } 1575 #brand a { 1576 display: block; 1577 width: 100%; 1578 height: 100%; 1579 background-size: contain; 1580 background-position: center center; 1581 background-repeat: no-repeat; } 1582/****************** BRAND END ******************/ 1583/****************** SEARCHBUTTON START ******************/ 1584.searchbutton { 1585 width: 48px; 1586 width: 3rem; 1587 height: 80px; 1588 height: 5rem; 1589 cursor: pointer; 1590 font-size: 13px; 1591 font-size: 0.8125rem; 1592 text-align: center; 1593 text-transform: uppercase; 1594 padding-top: 2.188rem; 1595 z-index: 1; 1596 border-left: 1px solid rgba(0, 0, 0, 0.07); 1597 -webkit-transition: 0.2s ease; 1598 -moz-transition: 0.2s ease; 1599 -ms-transition: 0.2s ease; 1600 -o-transition: 0.2s ease; 1601 transition: 0.2s ease; 1602 font-size: 1rem; } 1603 @media (min-width: 768px) { 1604 .searchbutton { 1605 width: 80px; 1606 width: 5rem; 1607 height: 80px; 1608 height: 5rem; } } 1609 @media (min-width: 992px) { 1610 .searchbutton { 1611 width: 80px; 1612 width: 5rem; 1613 height: 100px; 1614 height: 6.25rem; 1615 border-left: 0; } 1616 .searchbutton:hover *, .searchbutton:hover *:before { 1617 color: rgba(229, 186, 101, 1); } } 1618 @media (min-width: 1302px) { 1619 .searchbutton { 1620 width: 65px; 1621 width: 4.0625rem; 1622 height: 100px; 1623 height: 6.25rem; } } 1624 .searchbutton.open { 1625 background: rgba(82, 72, 63, 1); } 1626 .searchbutton.open a span { 1627 opacity: 0; } 1628 .searchbutton.open a i { 1629 top: 50%; 1630 -moz-transform: translate(-50%, -50%); 1631 -o-transform: translate(-50%, -50%); 1632 -ms-transform: translate(-50%, -50%); 1633 -webkit-transform: translate(-50%, -50%); 1634 transform: translate(-50%, -50%); } 1635 .searchbutton.open a i:before { 1636 font-size: 20px; 1637 content: "\e90b"; 1638 color: #fff; } 1639 .searchbutton a { 1640 width: 100%; 1641 height: 100%; 1642 display: block; 1643 z-index: 10; 1644 position: absolute; 1645 top: 0; 1646 left: 0; 1647 text-decoration: none; 1648 font-size: 13px; 1649 font-size: 0.8125rem; } 1650 .searchbutton a span { 1651 position: absolute; 1652 left: 50%; 1653 bottom: 18px; 1654 line-height: 1.5em; 1655 width: 90%; 1656 -moz-transform: translateX(-50%); 1657 -o-transform: translateX(-50%); 1658 -ms-transform: translateX(-50%); 1659 -webkit-transform: translateX(-50%); 1660 transform: translateX(-50%); 1661 opacity: 1; 1662 -webkit-transition: 0.2s ease; 1663 -moz-transition: 0.2s ease; 1664 -ms-transition: 0.2s ease; 1665 -o-transition: 0.2s ease; 1666 transition: 0.2s ease; 1667 text-transform: uppercase; 1668 color: rgba(82, 72, 63, 1); 1669 display: none; } 1670 .searchbutton a i {
1671 width: 20px; 1672 height: 20px; 1673 position: absolute; 1674 left: 50%; 1675 top: 50%; 1676 -moz-transform: translate(-50%, -50%); 1677 -o-transform: translate(-50%, -50%); 1678 -ms-transform: translate(-50%, -50%); 1679 -webkit-transform: translate(-50%, -50%); 1680 transform: translate(-50%, -50%); 1681 -webkit-transition: 0.2s ease; 1682 -moz-transition: 0.2s ease; 1683 -ms-transition: 0.2s ease; 1684 -o-transition: 0.2s ease; 1685 transition: 0.2s ease; } 1686 .searchbutton a i:before { 1687 font-family: 'default'; 1688 font-weight: normal; 1689 text-indent: 0; 1690 font-style: normal; 1691 content: "\1f50d"; 1692 color: rgba(82, 72, 63, 1); 1693 width: 20px; 1694 height: 20px; 1695 font-size: 20px; 1696 line-height: 20px; 1697 position: absolute; 1698 top: 0; 1699 left: 0; 1700 -webkit-transition: 0.2s ease; 1701 -moz-transition: 0.2s ease; 1702 -ms-transition: 0.2s ease; 1703 -o-transition: 0.2s ease; 1704 transition: 0.2s ease; } 1705 .searchbutton a:hover i:before { 1706 color: rgba(229, 186, 101, 1); } 1707 1708@media (min-width: 992px) { 1709 #header.invert .searchbutton:not(.open) { 1710 background: transparent; 1711 border-left: 1px solid rgba(0, 0, 0, 0); } 1712 #header.invert .searchbutton:not(.open) span, #header.invert .searchbutton:not(.open) i, #header.invert .searchbutton:not(.open) *:before, #header.invert .searchbutton:not(.open) *:after { 1713 color: #fff; } 1714 #header.invert .searchbutton:not(.open):hover span, #header.invert .searchbutton:not(.open):hover i, #header.invert .searchbutton:not(.open):hover *:before, #header.invert .searchbutton:not(.open):hover *:after { 1715 color: rgba(229, 186, 101, 1); } } 1716/****************** SEARCHBUTTON ENDE ******************/ 1717/****************** SEARCHOVERLAY START ******************/ 1718#header #search { 1719 display: none; } 1720 @media (min-width: 992px) { 1721 #header #search { 1722 display: block; 1723 position: fixed; 1724 background: #f8f8f8; 1725 left: 0; 1726 top: 100px; 1727 top: 6.25rem; 1728 width: 100%; 1729 height: 0px; 1730 overflow: hidden; 1731 -webkit-transition: 0.2s ease; 1732 -moz-transition: 0.2s ease; 1733 -ms-transition: 0.2s ease; 1734 -o-transition: 0.2s ease; 1735 transition: 0.2s ease; } 1736 #header #search.open { 1737 height: calc(100vh - 100px); } } 1738 @media (min-width: 1302px) { 1739 #header #search { 1740 top: 100px; 1741 top: 6.25rem; } 1742 #header #search.open { 1743 height: calc(100vh - 100px); } } 1744 #header #search .container { 1745 position: relative; 1746 left: 0px; 1747 top: 50%; 1748 -moz-transform: translateY(-100%); 1749 -o-transform: translateY(-100%); 1750 -ms-transform: translateY(-100%); 1751 -webkit-transform: translateY(-100%); 1752 transform: translateY(-100%); } 1753 #header #search .container input:not(#submit) { 1754 height: 60px; 1755 border: none; 1756 border-bottom: 6px solid rgba(82, 72, 63, 1); 1757 line-height: 54px; 1758 background: none; 1759 width: calc(100% - 70px); 1760 font-size: 2rem; 1761 font-weight: 300; 1762 padding: 0px; } 1763 #header #search .container #submit { 1764 width: 60px; 1765 height: 60px; 1766 background: rgba(82, 72, 63, 1); 1767 color: #fff; 1768 cursor: pointer; 1769 text-align: center; 1770 border-radius: 0px; 1771 padding: 0px; } 1772 #header #search .container .smartsearch-suggestions { 1773 margin: 0; 1774 padding: 0; 1775 list-style: none; 1776 text-align: center; 1777 line-height: 0px; } 1778 #header #search .container .smartsearch-suggestions li { 1779 display: inline-block; 1780 margin: 5px; } 1781 1782@media (min-width: 992px) { 1783 #header.small #search { 1784 top: 100px; 1785 top: 6.25rem; } 1786 #header.small #search.open { 1787 height: calc(100vh - 100px); } } 1788 @media (min-width: 1302px) { 1789 #header.small #search { 1790 top: 100px; 1791 top: 6.25rem; } 1792 #header.small #search.open { 1793 height: calc(100vh - 100px); } } 1794/****************** SEARCHOVERLAY ENDE ******************/ 1795/****************** HOTLINE START ******************/ 1796.hotline { 1797 margin: 0; 1798 /*clear: both;*/ 1799 font-size: 1rem; 1800 width: 48px; 1801 width: 3rem; 1802 position: relative; 1803 display: block; 1804 font-size: 18px; 1805 font-size: 1.125rem; 1806 height: 80px; 1807 height: 5rem; 1808 line-height: 80px; 1809 line-height: 5rem; 1810 -webkit-transition: 0.2s ease; 1811 -moz-transition: 0.2s ease; 1812 -ms-transition: 0.2s ease; 1813 -o-transition: 0.2s ease; 1814 transition: 0.2s ease; } 1815 @media (min-width: 768px) { 1816 .hotline { 1817 height: 80px; 1818 height: 5rem; 1819 line-height: 80px; 1820 line-height: 5rem; 1821 width: 80px; 1822 width: 5rem; } } 1823 @media (min-width: 992px) { 1824 .hotline { 1825 height: 100px; 1826 height: 6.25rem; 1827 line-height: 100px; 1828 line-height: 6.25rem; 1829 margin: 0 calc(20px / 2) 0; } } 1830 @media (min-width: 1900px) { 1831 .hotline { 1832 display: block; 1833 height: 100px; 1834 height: 6.25rem; 1835 line-height: 100px; 1836 line-height: 6.25rem; 1837 width: 155px; } } 1838 .hotline span { 1839 float: right; 1840 color: rgba(229, 186, 101, 1); 1841 -webkit-transition: color 0.2s ease; 1842 -moz-transition: color 0.2s ease; 1843 -ms-transition: color 0.2s ease; 1844 -o-transition: color 0.2s ease; 1845 transition: color 0.2s ease; } 1846 @media (min-width: 1900px) { 1847 .hotline span { 1848 color: rgba(82, 72, 63, 1); } } 1849 .hotline span.label { 1850 float: left; 1851 padding-left: 0; 1852 position: relative; 1853 height: 100%; 1854 font-weight: 700; 1855 display: none; } 1856 @media (min-width: 1900px) { 1857 .hotline span.label { 1858 display: block; } } 1859 .hotline a { 1860 color: rgba(229, 186, 101, 1); 1861 text-decoration: none; 1862 -webkit-transition: color 0.2s ease; 1863 -moz-transition: color 0.2s ease; 1864 -ms-transition: color 0.2s ease; 1865 -o-transition: color 0.2s ease; 1866 transition: color 0.2s ease; } 1867 @media (max-width: 1899px) { 1868 .hotline a { 1869 font-size: 0; 1870 position: absolute; 1871 top: 0; 1872 left: 0; 1873 width: 100%; 1874 height: 100%; 1875 display: block; 1876 overflow: hidden; } } 1877 @media (min-width: 1900px) { 1878 .hotline a { 1879 color: rgba(82, 72, 63, 1); } } 1880 .hotline a:after { 1881 font-family: 'default'; 1882 font-weight: normal; 1883 text-indent: 0; 1884 font-style: normal; 1885 content: "\2706"; 1886 font-size: 20px;
1887 width: 20px; 1888 height: 20px; 1889 line-height: 20px; 1890 position: absolute; 1891 left: 50%; 1892 top: 50%; 1893 -moz-transform: translate(-50%, -50%); 1894 -o-transform: translate(-50%, -50%); 1895 -ms-transform: translate(-50%, -50%); 1896 -webkit-transform: translate(-50%, -50%); 1897 transform: translate(-50%, -50%); 1898 color: rgba(82, 72, 63, 1); 1899 -webkit-transition: 0.2s ease; 1900 -moz-transition: 0.2s ease; 1901 -ms-transition: 0.2s ease; 1902 -o-transition: 0.2s ease; 1903 transition: 0.2s ease; } 1904 @media (min-width: 992px) { 1905 .hotline a:after { 1906 color: #fff; } } 1907 @media (min-width: 1900px) { 1908 .hotline a:after { 1909 display: none; } } 1910 .hotline a:hover:after { 1911 color: rgba(229, 186, 101, 1) !important; } 1912 .hotline:hover *, .hotline:hover *:before { 1913 color: rgba(229, 186, 101, 1); } 1914 1915@media (min-width: 1900px) { 1916 .email { 1917 width: 280px; } } 1918 .email a:after { 1919 content: "\2709"; } 1920 1921@media (min-width: 992px) { 1922 #header.invert .hotline a, #header.invert .hotline span { 1923 color: #fff; } 1924 #header.invert .hotline:hover a, #header.invert .hotline:hover span { 1925 color: rgba(82, 72, 63, 1); } 1926 1927 #header.small a:after { 1928 color: rgba(82, 72, 63, 1); } } 1929 @media (min-width: 992px) and (min-width: 992px) { 1930 #header.invert .hotline:hover a, #header.invert .hotline:hover span { 1931 color: rgba(229, 186, 101, 1); } } 1932/****************** HOTLINE ENDE ******************/ 1933.betriebsLinks { 1934 position: relative; 1935 padding-bottom: 30px; 1936 display: none; } 1937 @media (min-width: 992px) and (max-width: 1301px) { 1938 .betriebsLinks { 1939 position: absolute; 1940 left: 70px; 1941 display: block; } 1942 .betriebsLinks a { 1943 font-size: 11px !important; 1944 letter-spacing: 0px !important; } } 1945 @media (min-width: 1302px) { 1946 .betriebsLinks { 1947 position: absolute; 1948 left: 120px; 1949 display: block; } } 1950 .betriebsLinks a { 1951 position: relative; 1952 display: inline-block; 1953 color: #fff; 1954 font-size: 0.75rem; 1955 text-transform: uppercase; 1956 padding: 50px 10px 10px; 1957 text-decoration: none; 1958 -webkit-transition: 0.2s ease; 1959 -moz-transition: 0.2s ease; 1960 -ms-transition: 0.2s ease; 1961 -o-transition: 0.2s ease; 1962 transition: 0.2s ease; } 1963 @media (min-width: 1302px) { 1964 .betriebsLinks a { 1965 letter-spacing: 2px; } } 1966 .betriebsLinks a.kosmetikLink:before { 1967 content: "\e926"; 1968 font-family: 'default'; 1969 font-weight: normal; 1970 text-indent: 0; 1971 font-style: normal; 1972 position: absolute; 1973 top: 20px; 1974 left: 50%; 1975 -moz-transform: translateX(-50%); 1976 -o-transform: translateX(-50%); 1977 -ms-transform: translateX(-50%); 1978 -webkit-transform: translateX(-50%); 1979 transform: translateX(-50%); 1980 width: 30px; 1981 height: 30px; 1982 font-size: 30px; 1983 line-height: 30px; 1984 display: block; 1985 overflow: hidden; 1986 color: #fff; 1987 -webkit-transition: 0.2s ease; 1988 -moz-transition: 0.2s ease; 1989 -ms-transition: 0.2s ease; 1990 -o-transition: 0.2s ease; 1991 transition: 0.2s ease; } 1992 .betriebsLinks a.restaurantLink:before { 1993 content: "\e928"; 1994 font-family: 'default'; 1995 font-weight: normal; 1996 text-indent: 0; 1997 font-style: normal; 1998 position: absolute; 1999 top: 20px; 2000 left: 50%; 2001 -moz-transform: translateX(-50%); 2002 -o-transform: translateX(-50%); 2003 -ms-transform: translateX(-50%); 2004 -webkit-transform: translateX(-50%); 2005 transform: translateX(-50%); 2006 width: 30px; 2007 height: 30px; 2008 font-size: 30px; 2009 line-height: 30px; 2010 display: block; 2011 overflow: hidden; 2012 color: #fff; 2013 -webkit-transition: 0.2s ease; 2014 -moz-transition: 0.2s ease; 2015 -ms-transition: 0.2s ease; 2016 -o-transition: 0.2s ease; 2017 transition: 0.2s ease; } 2018 .betriebsLinks a.parkhotelLink:before { 2019 content: "\e92b"; 2020 font-family: 'default'; 2021 font-weight: normal; 2022 text-indent: 0; 2023 font-style: normal; 2024 position: absolute; 2025 top: 20px; 2026 left: 50%; 2027 -moz-transform: translateX(-50%); 2028 -o-transform: translateX(-50%); 2029 -ms-transform: translateX(-50%); 2030 -webkit-transform: translateX(-50%); 2031 transform: translateX(-50%); 2032 width: 34px; 2033 height: 30px; 2034 font-size: 30px; 2035 line-height: 30px; 2036 display: block; 2037 overflow: hidden; 2038 color: #fff; 2039 -webkit-transition: 0.2s ease; 2040 -moz-transition: 0.2s ease; 2041 -ms-transition: 0.2s ease; 2042 -o-transition: 0.2s ease; 2043 transition: 0.2s ease; } 2044 .betriebsLinks a.barLink:before { 2045 content: "\e92e"; 2046 font-family: 'default'; 2047 font-weight: normal; 2048 text-indent: 0; 2049 font-style: normal; 2050 position: absolute; 2051 top: 20px; 2052 left: 50%; 2053 -moz-transform: translateX(-50%); 2054 -o-transform: translateX(-50%); 2055 -ms-transform: translateX(-50%); 2056 -webkit-transform: translateX(-50%); 2057 transform: translateX(-50%); 2058 width: 34px; 2059 height: 30px; 2060 font-size: 30px; 2061 line-height: 30px; 2062 display: block; 2063 overflow: hidden; 2064 color: #fff; 2065 margin-left: 12px; } 2066 @include transition(0.2s ease) @media $break-lg-query { 2067 .betriebsLinks a.barLink:before { 2068 margin-left: 11px; } } 2069 .betriebsLinks a.goldeneBirneLink:before { 2070 content: "\e92f"; 2071 font-family: 'default'; 2072 font-weight: normal; 2073 text-indent: 0; 2074 font-style: normal; 2075 position: absolute; 2076 top: 20px; 2077 left: 50%; 2078 -moz-transform: translateX(-50%); 2079 -o-transform: translateX(-50%); 2080 -ms-transform: translateX(-50%); 2081 -webkit-transform: translateX(-50%); 2082 transform: translateX(-50%); 2083 width: 34px; 2084 height: 30px; 2085 font-size: 30px; 2086 line-height: 30px; 2087 display: block; 2088 overflow: hidden; 2089 color: #fff; 2090 -webkit-transition: 0.2s ease; 2091 -moz-transition: 0.2s ease; 2092 -ms-transition: 0.2s ease; 2093 -o-transition: 0.2s ease; 2094 transition: 0.2s ease; } 2095 .betriebsLinks a:not(:last-of-type):after { 2096 content: ''; 2097 position: absolute; 2098 top: 15px; 2099 right: 0; 2100 width: 1px; 2101 height: calc(100% - 25px); 2102 background: #fff; 2103 display: block; 2104 overflow: Hidden; 2105 opacity: 0.8; } 2106 @media (min-width: 992px) { 2107 .betriebsLinks a:hover { 2108 color: rgba(229, 186, 101, 1); } 2109 .betriebsLinks a:hover:before { 2110 color: rgba(229, 186, 101, 1); } } 2111 2112#header.small .betriebsLinks a { 2113 color: #867f78; } 2114 #header.small .betriebsLinks a:before { 2115 color: #867f78; } 2116 #header.small .betriebsLinks a:after { 2117 background: rgba(255, 255, 255, 0.5); } 2118 @media (min-width: 992px) { 2119 #header.small .betriebsLinks a:hover { 2120 color: rgba(229, 186, 101, 1); } 2121 #header.small .betriebsLinks a:hover:before { 2122 color: rgba(229, 186, 101, 1); } } 2123 2124#header #menu .betriebsLinks { 2125 display: block; } 2126 #header #menu .betriebsLinks a { 2127 color: #fff; } 2128 #header #menu .betriebsLinks a:before { 2129 color: #fff; } 2130 @media (min-width: 992px) { 2131 #header #menu .betriebsLinks { 2132 display: none; } } 2133--> 2134/*]]>*/ 2135</style> 2136 2137<style type="text/css" media="all"> 2138/*<![CDATA[*/ 2139<!-- 2140main { 2141 padding-top: 80px; 2142 padding-top: 5rem; } 2143 @media (min-width: 768px) { 2144 main { 2145 padding-top: 80px; 2146 padding-top: 5rem; } } 2147 @media (min-width: 992px) { 2148 main { 2149 padding-top: 0; } } 2150 @media (min-width: 1302px) { 2151 main { 2152 padding-top: 0; } } 2153 @media (min-width: 992px) { 2154 main { 2155 padding-top: 0px !important; } 2156 body.medialess main, body.overview main { 2157 padding-top: 100px !important; } } 2158 main > .container { 2159 background: #fff; 2160 position: relative; } 2161 @media (min-width: 992px) { 2162 main > .container { 2163 margin-top: -300px; } } 2164 @media (min-width: 992px) and (max-height: 900px) { 2165 main > .container { 2166 margin-top: -100px; } } 2167 @media (min-width: 992px) { 2168 main > .container:before { 2169 content: ''; 2170 position: absolute; 2171 top: -85px; 2172 left: 0px; 2173 width: 170px; 2174 height: 170px; 2175 display: block; 2176 overflow: hidden; 2177 background: url(/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/
2177Images/parkhotelstempel.svg); 2178 background-repeat: no-repeat; 2179 background-position: center center; 2180 background-size: cover; 2181 z-index: 1; } } 2182 @media (min-width: 1500px) { 2183 main > .container:before { 2184 left: -87px; } } 2185 2186@media (min-width: 992px) { 2187 body.home main > .container, body.overview main > .container, body.medialess main > .container { 2188 margin-top: 0px; } } 2189 body.home main > .container:before, body.overview main > .container:before, body.medialess main > .container:before { 2190 display: none; } 2191 2192.frame { 2193 margin-bottom: 50px; 2194 margin-bottom: 3.125rem; } 2195 @media (min-width: 768px) { 2196 .frame { 2197 margin-bottom: 50px; 2198 margin-bottom: 3.125rem; } } 2199 @media (min-width: 992px) { 2200 .frame { 2201 margin-bottom: 70px; 2202 margin-bottom: 4.375rem; } } 2203 @media (min-width: 1302px) { 2204 .frame { 2205 margin-bottom: 70px; 2206 margin-bottom: 4.375rem; } } 2207 .frame.frame-space-after-none { 2208 margin-bottom: 0rem; } 2209 .frame.frame-space-after-small { 2210 margin-bottom: 1.5rem; } 2211 .frame .frame { 2212 margin-bottom: 0px; } 2213 @media (min-width: 992px) { 2214 .frame .row > div > :last-child > :last-child { 2215 margin-bottom: 0px !important; } 2216 .frame .row > div:not(.usp-text) > :last-child > h3 { 2217 margin-bottom: 15px !important; } } 2218 2219.frame-container-grid { 2220 width: 100%; 2221 position: relative; 2222 left: 50%; 2223 -moz-transform: translateX(-50%); 2224 -o-transform: translateX(-50%); 2225 -ms-transform: translateX(-50%); 2226 -webkit-transform: translateX(-50%); 2227 transform: translateX(-50%); } 2228 @media (min-width: 768px) { 2229 .frame-container-grid { 2230 width: 720px; 2231 padding-left: calc(20px / 2); 2232 padding-right: calc(20px / 2); } } 2233 @media (min-width: 992px) { 2234 .frame-container-grid { 2235 width: 960px; } 2236 .colAjax .frame-container-grid { 2237 width: 130%; } } 2238 @media (min-width: 1302px) { 2239 .frame-container-grid { 2240 width: 1260px; } 2241 .colAjax .frame-container-grid { 2242 width: 130%; } } 2243 2244.frame-container-fluid { 2245 width: 100vw; 2246 position: relative; 2247 left: 50%; 2248 -moz-transform: translateX(-50%); 2249 -o-transform: translateX(-50%); 2250 -ms-transform: translateX(-50%); 2251 -webkit-transform: translateX(-50%); 2252 transform: translateX(-50%); } 2253 2254.frame-type-imagetext div[class*="col-"] { 2255 display: flex; } 2256 .frame-type-imagetext .image { 2257 width: 100%; 2258 height: 100%; 2259 position: absolute; } 2260 @media (max-width: 991.98px) { 2261 .frame-type-imagetext .image { 2262 position: relative; 2263 left: 0; 2264 top: 0; 2265 height: auto; } 2266 .frame-type-imagetext .image .objectFit { 2267 height: auto; } 2268 .frame-type-imagetext .image img { 2269 position: relative; 2270 height: auto; 2271 opacity: 1; 2272 object-fit: fill; 2273 font-family: 'object-fit: fill;'; } } 2274 .frame-type-imagetext .text { 2275 background: #fff; 2276 padding: 1.5rem 0 0; } 2277 @media (min-width: 768px) { 2278 .frame-type-imagetext .text { 2279 padding: 50px; } } 2280 .frame-type-imagetext .text > :last-child { 2281 margin-bottom: 0px; } 2282--> 2283/*]]>*/ 2284</style> 2285 2286<style type="text/css" media="all"> 2287/*<![CDATA[*/ 2288<!-- 2289.media { 2290 position: relative; 2291 padding-top: 100%; 2292 width: 100%; 2293 overflow: hidden; 2294 z-index: 0; } 2295 @media (min-width: 768px) { 2296 .media { 2297 position: relative; 2298 padding-top: 50%; } } 2299 @media (min-width: 992px) { 2300 .media { 2301 position: relative; 2302 padding-top: 50%; 2303 height: calc(100vh - 100px); } } 2304 @media (min-width: 1302px) { 2305 .media { 2306 position: relative; 2307 padding-top: 33.3333333333%; 2308 height: calc(100vh - 100px); } 2309 .colAjax .media { 2310 position: relative; 2311 padding-top: 50%; } } 2312 .media .canvas { 2313 position: absolute; 2314 width: 100%; 2315 height: 100%; 2316 left: 0; 2317 top: 0; } 2318 2319.home .media { 2320 padding-top: 0px; 2321 height: 400px; } 2322 @media (min-width: 768px) { 2323 .home .media { 2324 height: calc(100vh - 80px); } } 2325 @media (min-width: 992px) { 2326 .home .media { 2327 height: calc(100vh - 100px); 2328 height: calc(100vh); } } 2329 @media (min-width: 1302px) { 2330 .home .media { 2331 height: calc(100vh - 100px); 2332 height: calc(100vh); } } 2333 2334@supports (mix-blend-mode: screen) { 2335 .default .media .canvas:before { 2336 content: ''; 2337 position: absolute; 2338 top: 0; 2339 left: 0%; 2340 width: 100%; 2341 height: 100%; 2342 display: block; 2343 overflow: hidden; 2344 z-index: 1000; 2345 display: block; 2346 background: url(/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/
2346Images/background-dust.jpg); 2347 mix-blend-mode: screen; 2348 pointer-events: none; 2349 opacity: 0.25; } } 2350 2351.media-item { 2352 height: 100%; 2353 width: 100%; 2354 position: relative; 2355 z-index: 0; 2356 overflow: hidden; } 2357 .media-item img { 2358 filter: blur(10px); 2359 -webkit-transition: 1s ease; 2360 -moz-transition: 1s ease; 2361 -ms-transition: 1s ease; 2362 -o-transition: 1s ease; 2363 transition: 1s ease; } 2364 .media-item img.lazyloaded { 2365 filter: blur(0px); } 2366 .media-item video { 2367 width: 100%; 2368 height: 100%; 2369 background: #000; 2370 object-fit: cover; 2371 object-position: center center; 2372 font-family: 'object-fit: cover;'; } 2373 @media (max-width: 991.98px) { 2374 .media-item { 2375 margin-top: 0px !important; } } 2376 2377.media .container { 2378 position: absolute; 2379 left: 50%; 2380 bottom: 30px; 2381 -moz-transform: translateX(-50%); 2382 -o-transform: translateX(-50%); 2383 -ms-transform: translateX(-50%); 2384 -webkit-transform: translateX(-50%); 2385 transform: translateX(-50%); 2386 z-index: 110; 2387 text-align: center; } 2388 @media (min-width: 992px) { 2389 .media .container { 2390 left: auto; 2391 right: 30px; 2392 bottom: auto; 2393 top: 50%; 2394 -moz-transform: translateY(-50%); 2395 -o-transform: translateY(-50%); 2396 -ms-transform: translateY(-50%); 2397 -webkit-transform: translateY(-50%); 2398 transform: translateY(-50%); 2399 width: 150px; } } 2400 .media .container .h1, .media .container .subtitle { 2401 color: #fff; 2402 display: block; 2403 text-align: center; } 2404 .media .container .h1 { 2405 font-size: 40px; 2406 font-size: 2.5rem; 2407 margin-bottom: 1.5rem; 2408 text-shadow: 0 0 45px rgba(0, 0, 0, 1); } 2409 @media (min-width: 768px) { 2410 .media .container .h1 { 2411 font-size: 60px; 2412 font-size: 3.75rem; } } 2413 @media (min-width: 992px) { 2414 .media .container .h1 { 2415 font-size: 70px; 2416 font-size: 4.375rem; } } 2417 @media (min-width: 1302px) { 2418 .media .container .h1 { 2419 font-size: 70px; 2420 font-size: 4.375rem; } } 2421 .media .container .subtitle { 2422 font-size: 20px; 2423 font-size: 1.25rem; 2424 margin-bottom: 1.5rem; 2425 text-shadow: 0 0 30px rgba(0, 0, 0, 1); } 2426 @media (min-width: 768px) { 2427 .media .container .subtitle { 2428 font-size: 20px; 2429 font-size: 1.25rem; } } 2430 @media (min-width: 992px) { 2431 .media .container .subtitle { 2432 font-size: 25px; 2433 font-size: 1.5625rem; } } 2434 @media (min-width: 1302px) { 2435 .media .container .subtitle { 2436 font-size: 25px; 2437 font-size: 1.5625rem; } } 2438 .media .container .btn { 2439 margin: 0; 2440 width: auto; 2441 background: none; 2442 text-decoration: none !important; 2443 width: 50px; 2444 line-height: 1.25rem; 2445 position: relative; 2446 left: -45px; } 2447 .media .container .btn:hover { 2448 opacity: 1; } 2449 .media .container .btn:hover:before { 2450 background: rgba(255, 255, 255, 0.6); } 2451 .media .container .btn:before { 2452 z-index: 1; 2453 position: absolute; 2454 top: 50%; 2455 right: -90px; 2456 -moz-transform: translateY(-50%); 2457 -o-transform: translateY(-50%); 2458 -ms-transform: translateY(-50%); 2459 -webkit-transform: translateY(-50%); 2460 transform: translateY(-50%); 2461 content: ''; 2462 width: 50px; 2463 height: 50px; 2464 border: 1px solid rgba(255, 255, 255, 1); 2465 display: block !important; 2466 overflow: hidden; 2467 border-radius: 100%; 2468 background: rgba(255, 255, 255, 0.4); 2469 -webkit-transition: background 0.2s ease; 2470 -moz-transition: background 0.2s ease; 2471 -ms-transition: background 0.2s ease; 2472 -o-transition: background 0.2s ease; 2473 transition: background 0.2s ease; 2474 z-index: 0; 2475 -webkit-transition: 0.2s ease; 2476 -moz-transition: 0.2s ease; 2477 -ms-transition: 0.2s ease; 2478 -o-transition: 0.2s ease; 2479 transition: 0.2s ease; } 2480 .media .container .btn:after { 2481 content: "\e92a"; 2482 font-family: 'default'; 2483 font-weight: normal; 2484 text-indent: 0; 2485 font-style: normal; 2486 position: absolute; 2487 top: 50%; 2488 right: -70px; 2489 -moz-transform: translateY(-50%) rotate(0deg); 2490 -o-transform: translateY(-50%) rotate(0deg); 2491 -ms-transform: translateY(-50%) rotate(0deg); 2492 -webkit-transform: translateY(-50%) rotate(0deg); 2493 transform: translateY(-50%) rotate(0deg); 2494 width: 50px; 2495 height: 15px; 2496 display: block !important; 2497 overflow: hidden; 2498 color: #fff; 2499 font-size: 12px; 2500 line-height: 16px; 2501 margin-top: 0px; 2502 margin-left: -20px; 2503 z-index: 1; } 2504 .media .prev, .media .next { 2505 width: 25px; 2506 height: 25px; 2507 position: absolute; 2508 left: 10px; 2509 top: 50%; 2510 margin-top: -20px; 2511 z-index: 110; 2512 cursor: pointer; 2513 opacity: 0.6; 2514 -webkit-transition: 0.25s ease; 2515 -moz-transition: 0.25s ease; 2516 -ms-transition: 0.25s ease; 2517 -o-transition: 0.25s ease; 2518 transition: 0.25s ease; 2519 display: none; } 2520 @media (min-width: 992px) { 2521 .media .prev, .media .next { 2522 width: 40px; 2523 height: 40px; 2524 left: 20px; } } 2525 .media .prev:before, .media .next:before { 2526 content: "\2c2"; 2527 font-family: 'default'; 2528 font-weight: normal; 2529 text-indent: 0; 2530 font-style: normal; 2531 width: 25px; 2532 height: 25px; 2533 line-height: 25px; 2534 text-align: center; 2535 color: #fff; 2536 font-size: 25px; } 2537 @media (min-width: 992px) { 2538 .media .prev:before, .media .next:before { 2539 width: 40px; 2540 height: 40px; 2541 line-height: 40px; 2542 font-size: 40px; } } 2543 .media .prev:hover, .media .next:hover { 2544 opacity: 1; } 2545 .media .next { 2546 left: auto; 2547 right: 10px; } 2548 @media (min-width: 992px) { 2549 .media .next { 2550 right: 20px; } } 2551 .media .next:before { 2552 content: "\2c3"; } 2553 .media .pager { 2554 position: absolute; 2555 left: 0px; 2556 bottom: 30px; 2557 width: 100%; 2558 z-index: 110; 2559 display: none; } 2560 @media (min-width: 992px) { 2561 .media .pager { 2562 bottom: 50px; } } 2563 .media .pager ul { 2564 margin: 0; 2565 padding: 0; 2566 width: 100%; 2567 text-align: center; 2568 line-height: 0px; 2569 font-size: 0px; } 2570 .media .pager ul li { 2571 display: inline-block; 2572 margin: 0 5px; } 2573 .media .pager ul li a { 2574 text-decoration: none; 2575 text-indent: -999em; 2576 overflow: hidden;
2577 width: 20px; 2578 height: 20px; 2579 display: block; 2580 border: 2px solid #fff; 2581 border-radius: 100%; 2582 background: transparent; 2583 -webkit-transition: 0.25s ease; 2584 -moz-transition: 0.25s ease; 2585 -ms-transition: 0.25s ease; 2586 -o-transition: 0.25s ease; 2587 transition: 0.25s ease; } 2588 .media .pager ul li.act a { 2589 background: #fff; } 2590 .media .slide-count { 2591 position: absolute; 2592 top: 50%; 2593 -moz-transform: translateY(-50%); 2594 -o-transform: translateY(-50%); 2595 -ms-transform: translateY(-50%); 2596 -webkit-transform: translateY(-50%); 2597 transform: translateY(-50%); 2598 left: 30px; 2599 z-index: 1000; 2600 color: #fff; 2601 display: none !important; } 2602 @media (min-width: 768px) { 2603 .media .slide-count { 2604 display: block !important; } } 2605 .media .slide-count:before { 2606 content: ''; 2607 position: absolute; 2608 top: 50%; 2609 -moz-transform: translateY(-50%); 2610 -o-transform: translateY(-50%); 2611 -ms-transform: translateY(-50%); 2612 -webkit-transform: translateY(-50%); 2613 transform: translateY(-50%); 2614 left: 0; 2615 width: 100%; 2616 height: 1px; 2617 background: #fff; 2618 display: block; 2619 overflow: hidden; 2620 z-index: 1; 2621 margin-top: 5px; } 2622 .media .slide-count .slideNum { 2623 padding: 0 10px; 2624 display: block; 2625 font-family: 'Cormorant'; 2626 font-style: normal; 2627 font-weight: 400; 2628 font-size: 3rem; 2629 line-height: 4rem; 2630 width: 70px; 2631 text-align: center; } 2632 .media .slide-count .slideCount { 2633 padding: 0 10px; 2634 display: block; 2635 font-family: 'Cormorant'; 2636 font-style: normal; 2637 font-weight: 400; 2638 font-size: 3rem; 2639 line-height: 4rem; 2640 width: 70px; 2641 text-align: center; } 2642 2643@-webkit-keyframes scrollToContent { 2644 0%, 20%, 50%, 80%, 100% { 2645 -webkit-transform: translate(-50%, 0px); } 2646 2647 40% { 2648 -webkit-transform: translate(-50%, -30px); } 2649 2650 60% { 2651 -webkit-transform: translate(-50%, -15px); } } 2652 2653@-moz-keyframes scrollToContent { 2654 0%, 20%, 50%, 80%, 100% { 2655 -moz-transform: translate(-50%, 0px); } 2656 2657 40% { 2658 -moz-transform: translate(-50%, -30px); } 2659 2660 60% { 2661 -moz-transform: translate(-50%, -15px); } } 2662 2663@-o-keyframes scrollToContent { 2664 0%, 20%, 50%, 80%, 100% { 2665 -o-transform: translate(-50%, 0px); } 2666 2667 40% { 2668 -o-transform: translate(-50%, -30px); } 2669 2670 60% { 2671 -o-transform: translate(-50%, -15px); } } 2672 2673@keyframes scrollToContent { 2674 0%, 20%, 50%, 80%, 100% { 2675 transform: translate(-50%, 0px); } 2676 2677 40% { 2678 transform: translate(-50%, -30px); } 2679 2680 60% { 2681 transform: translate(-50%, -15px); } } 2682 2683.scroll-to-content { 2684 display: none; 2685 width: 85px; 2686 height: 103px; 2687 position: absolute; 2688 left: 50%; 2689 -moz-transform: translateX(-50%); 2690 -o-transform: translateX(-50%); 2691 -ms-transform: translateX(-50%); 2692 -webkit-transform: translateX(-50%); 2693 transform: translateX(-50%); 2694 bottom: 30px; 2695 color: #fff; 2696 text-transform: uppercase; 2697 z-index: 200; 2698 cursor: pointer; 2699 text-align: center; 2700 -webkit-animation: scrollToContent 2s infinite; 2701 -moz-animation: scrollToContent 2s infinite; 2702 -o-animation: scrollToContent 2s infinite; 2703 animation: scrollToContent 2s infinite; 2704 font-size: 0.875rem; 2705 text-transform: uppercase; 2706 letter-spacing: 2px; 2707 font-weight: 400; } 2708 @media (min-width: 992px) { 2709 .scroll-to-content { 2710 display: block; } } 2711 .scroll-to-content:before { 2712 position: absolute; 2713 left: 50%; 2714 -moz-transform: translateX(-50%) rotate(90deg); 2715 -o-transform: translateX(-50%) rotate(90deg); 2716 -ms-transform: translateX(-50%) rotate(90deg); 2717 -webkit-transform: translateX(-50%) rotate(90deg); 2718 transform: translateX(-50%) rotate(90deg); 2719 top: 35px; 2720 width: 35px; 2721 height: 35px; 2722 font-family: 'default'; 2723 font-weight: normal; 2724 text-indent: 0; 2725 font-style: normal; 2726 content: '\e92a'; 2727 font-size: 12px; 2728 line-height: 37px; 2729 z-index: 1; } 2730 .scroll-to-content:after { 2731 content: ''; 2732 position: absolute; 2733 bottom: 0; 2734 left: 50%; 2735 -moz-transform: translateX(-50%); 2736 -o-transform: translateX(-50%); 2737 -ms-transform: translateX(-50%); 2738 -webkit-transform: translateX(-50%); 2739 transform: translateX(-50%); 2740 width: 50px; 2741 height: 50px; 2742 border: 1px solid rgba(255, 255, 255, 1); 2743 display: block; 2744 overflow: hidden; 2745 border-radius: 100%; 2746 background: rgba(255, 255, 255, 0.4); 2747 z-index: 0; 2748 -webkit-transition: 0.2s ease; 2749 -moz-transition: 0.2s ease; 2750 -ms-transition: 0.2s ease; 2751 -o-transition: 0.2s ease; 2752 transition: 0.2s ease; } 2753 .scroll-to-content:hover:after { 2754 background: rgba(255, 255, 255, 0.6); } 2755 2756.home .media:before { 2757 content: ''; 2758 position: absolute; 2759 top: 50%; 2760 left: 50%; 2761 -moz-transform: translate(-50%, -50%); 2762 -o-transform: translate(-50%, -50%); 2763 -ms-transform: translate(-50%, -50%); 2764 -webkit-transform: translate(-50%, -50%); 2765 transform: translate(-50%, -50%); 2766 width: 260px; 2767 height: 200px; 2768 display: block; 2769 overflow: hidden; 2770 z-index: 1000; 2771 pointer-events: none; } 2772 @media (min-width: 768px) { 2773 .home .media:before { 2774 width: 400px; 2775 height: 300px; } } 2776 @media (min-width: 992px) { 2777 .home .media:before { 2778 width: 500px; 2779 height: 300px; } } 2780 2781#soundswitch { 2782 position: absolute; 2783 right: 20px; 2784 top: 0px; 2785 z-index: 200; 2786 background: rgba(82, 72, 63, 1); 2787 height: 50px; 2788 line-height: 40px; 2789 text-transform: uppercase; 2790 letter-spacing: 1px; 2791 font-size: 13px; 2792 color: #fff; 2793 padding: 0 10px; 2794 font-weight: 500; 2795 cursor: pointer; 2796 text-align: center; 2797 width: 50px; 2798 border-radius: 25px; 2799 left: 50%; 2800 -moz-transform: translateX(-50%); 2801 -o-transform: translateX(-50%); 2802 -ms-transform: translateX(-50%); 2803 -webkit-transform: translateX(-50%); 2804 transform: translateX(-50%); 2805 top: 75%; } 2806 #soundswitch.mute:before { 2807 content: ""; 2808 width: 25px; 2809 height: 25px; 2810 background-image: url(/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/
2810Images/volume-up-white.svg); 2811 background-size: contain; 2812 position: absolute; 2813 left: 0; 2814 background-repeat: no-repeat; 2815 margin: 13px; } 2816 #soundswitch.play:before { 2817 content: ""; 2818 width: 25px; 2819 height: 25px; 2820 background-image: url(/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Images/volume-off-white.svg); 2821 background-size: contain; 2822 position: absolute; 2823 left: 0; 2824 background-repeat: no-repeat; 2825 margin: 13px; } 2826 @media (min-width: 992px) { 2827 #soundswitch { 2828 top: auto; 2829 bottom: 185px; } } 2830 2831.hinweis { 2832 position: relative; 2833 display: block; 2834 overflow: hidden; 2835 padding: 20px; 2836 color: rgba(82, 72, 63, 1); 2837 margin-bottom: 30px; } 2838 @media (min-width: 992px) { 2839 .hinweis { 2840 color: #fff; 2841 opacity: 0.9; 2842 position: absolute; 2843 top: 50%; 2844 left: 50%; 2845 width: 880px; 2846 -moz-transform: translate(-50%, -50%); 2847 -o-transform: translate(-50%, -50%); 2848 -ms-transform: translate(-50%, -50%); 2849 -webkit-transform: translate(-50%, -50%); 2850 transform: translate(-50%, -50%); 2851 font-size: 0.875rem; 2852 z-index: 1000; } } 2853 @media (min-width: 1302px) { 2854 .hinweis { 2855 width: 1020px; } } 2856 .hinweis h2 { 2857 color: rgba(82, 72, 63, 1); } 2858 @media (min-width: 992px) { 2859 .hinweis h2 { 2860 color: #fff; } } 2861 .hinweis a { 2862 color: rgba(229, 186, 101, 1); } 2863 2864.media .hinweis { 2865 overflow: visible; 2866 display: none; } 2867 @media (min-width: 992px) { 2868 .media .hinweis { 2869 display: block; } } 2870 2871@media (min-width: 992px) { 2872 .container .hinweis { 2873 display: none; } } 2874 2875.togo-button { 2876 display: block; 2877 position: relative; 2878 margin-top: 0px; 2879 left: 50%; 2880 height: 200px; 2881 width: 200px; 2882 border-radius: 50%; 2883 -moz-transform: translateX(-50%); 2884 -o-transform: translateX(-50%); 2885 -ms-transform: translateX(-50%); 2886 -webkit-transform: translateX(-50%); 2887 transform: translateX(-50%); 2888 background: linear-gradient(to right, #e5ba65 1%, #c5a66c 100%); 2889 margin-bottom: 20px; } 2890 @media (min-width: 992px) { 2891 .togo-button { 2892 position: absolute; 2893 bottom: -150px; 2894 right: -30px; 2895 left: auto; 2896 margin-top: 0; 2897 -moz-transform: translateX(0%); 2898 -o-transform: translateX(0%); 2899 -ms-transform: translateX(0%); 2900 -webkit-transform: translateX(0%); 2901 transform: translateX(0%); } } 2902 @media (min-width: 1302px) { 2903 .togo-button { 2904 bottom: -150px; 2905 right: -80px; } } 2906 @media (min-width: 1900px) { 2907 .togo-button { 2908 right: -250px; } } 2909 .togo-button .inner { 2910 position: absolute; 2911 top: 50%; 2912 left: 0; 2913 color: #fff !important; 2914 text-align: center; 2915 width: 100%; 2916 text-transform: uppercase; 2917 font-weight: 400; 2918 line-height: 2.4em; 2919 -moz-transform: translateY(-50%); 2920 -o-transform: translateY(-50%); 2921 -ms-transform: translateY(-50%); 2922 -webkit-transform: translateY(-50%); 2923 transform: translateY(-50%); } 2924 .togo-button .text1 { 2925 font-size: 18px; 2926 font-size: 1.125rem; } 2927 .togo-button .text2 { 2928 font-size: 16px; 2929 font-size: 1rem; } 2930 .togo-button .text3 { 2931 font-size: 12px; 2932 font-size: 0.75rem; 2933 line-height: 20px; 2934 display: inline-block; 2935 padding: 0 7px; 2936 margin-top: 15px; 2937 border: 1px solid #fff; } 2938 .togo-button a { 2939 position: absolute; 2940 top: 0; 2941 left: 0; 2942 height: 100%; 2943 width: 100%; 2944 text-indent: -999rem; 2945 overflow: hidden; 2946 z-index: 1; } 2947 .togo-button::before { 2948 content: ''; 2949 position: absolute; 2950 top: 0; 2951 left: 0; 2952 width: 100%; 2953 height: 100%; 2954 display: block; 2955 border-radius: 50%; 2956 overflow: hidden; 2957 z-index: 0; 2958 display: block; 2959 background: url(/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Images/background-dust.jpg); 2960 mix-blend-mode: screen; } 2961 .togo-button > span.empty { 2962 position: absolute; 2963 top: 0; 2964 left: 0; 2965 width: 100%; 2966 height: 100%; 2967 display: block; 2968 overflow: hidden; 2969 background: rgba(0, 0, 0, 0.15); 2970 z-index: 0; 2971 opacity: 0; 2972 -webkit-transition: 0.2s ease; 2973 -moz-transition: 0.2s ease; 2974 -ms-transition: 0.2s ease; 2975 -o-transition: 0.2s ease; 2976 transition: 0.2s ease; 2977 border-radius: 50%; } 2978 .togo-button:hover > span.empty { 2979 opacity: 1; } 2980 2981.sichere-gastfreundschaft { 2982 display: block; 2983 position: relative; 2984 left: 50%; 2985 height: 118px; 2986 width: 310px; 2987 -moz-transform: translateX(-50%); 2988 -o-transform: translateX(-50%); 2989 -ms-transform: translateX(-50%); 2990 -webkit-transform: translateX(-50%); 2991 transform: translateX(-50%); 2992 background: rgba(255, 255, 255, 1); 2993 margin-bottom: 20px; 2994 background-image: url(/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/
2994Images/sicher-gast.jpg); 2995 background-size: contain; 2996 background-position: right; 2997 background-repeat: no-repeat; 2998 z-index: 100; 2999 padding: 10px 115px 40px 15px; 3000 line-height: normal; 3001 font-size: 0.875rem; 3002 font-weight: bold; } 3003 @media (min-width: 992px) { 3004 .sichere-gastfreundschaft { 3005 position: absolute; 3006 bottom: 10px; 3007 right: 30px; 3008 left: auto; 3009 -moz-transform: translateX(0%); 3010 -o-transform: translateX(0%); 3011 -ms-transform: translateX(0%); 3012 -webkit-transform: translateX(0%); 3013 transform: translateX(0%); } } 3014 3015.mittagsmenue-button { 3016 display: block; 3017 position: absolute; 3018 margin-top: 0px; 3019 left: 50%; 3020 height: 230px; 3021 width: 230px; 3022 border-radius: 50%; 3023 -moz-transform: translateX(-50%); 3024 -o-transform: translateX(-50%); 3025 -ms-transform: translateX(-50%); 3026 -webkit-transform: translateX(-50%); 3027 transform: translateX(-50%); 3028 margin-bottom: 20px; 3029 z-index: 100; 3030 background-image: url(/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Images/MittagsmenuÌ_button.svg); 3031 background-repeat: no-repeat; } 3032 @media (min-width: 992px) { 3033 .mittagsmenue-button { 3034 position: absolute; 3035 bottom: 160px; 3036 right: 30px; 3037 left: auto; 3038 margin-top: 0; 3039 -moz-transform: translateX(0%); 3040 -o-transform: translateX(0%); 3041 -ms-transform: translateX(0%); 3042 -webkit-transform: translateX(0%); 3043 transform: translateX(0%); } } 3044 .mittagsmenue-button .inner { 3045 position: relative; 3046 top: 50%; 3047 left: 0; 3048 text-align: center; 3049 color: rgba(229, 186, 101, 1); 3050 width: 100%; 3051 text-transform: uppercase; 3052 font-weight: 400; 3053 line-height: 2.4em; 3054 -moz-transform: translateY(-50%); 3055 -o-transform: translateY(-50%); 3056 -ms-transform: translateY(-50%); 3057 -webkit-transform: translateY(-50%); 3058 transform: translateY(-50%); } 3059 .mittagsmenue-button .text1 { 3060 font-size: 23px; 3061 font-size: 1.4375rem; 3062 padding: 0 20px 10px; } 3063 .mittagsmenue-button .text2 { 3064 font-size: 42px; 3065 font-size: 2.625rem; } 3066 .mittagsmenue-button .text3 { 3067 font-size: 13px; 3068 font-size: 0.8125rem; 3069 line-height: 20px; 3070 display: inline-block; 3071 padding: 0 7px; 3072 margin-top: 15px; 3073 border: 1px solid rgba(229, 186, 101, 1); } 3074 .mittagsmenue-button a { 3075 position: absolute; 3076 top: 0; 3077 left: 0; 3078 height: 100%; 3079 width: 100%; 3080 text-indent: -999rem; 3081 overflow: hidden; 3082 z-index: 1; } 3083 3084.togo-image { 3085 display: block; 3086 position: absolute; 3087 height: 40%; 3088 top: -33%; 3089 left: 50%; 3090 transform: translateX(-50%); 3091 aspect-ratio: 1; 3092 background-size: contain; 3093 background-image: url(/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Images/masche.png); 3094 background-repeat: no-repeat; } 3095 3096@media screen and (min-width: 992px) { 3097 .col-12 .togo-button { 3098 display: none; } } 3099 .col-12 .togo-button .inner .togo-image { 3100 top: -27% !important; } 3101--> 3102/*]]>*/ 3103</style> 3104 3105<style type="text/css" media="all"> 3106/*<![CDATA[*/ 3107<!-- 3108 @-ms-viewport { 3109 width: device-width; } 3110 3111html { 3112 box-sizing: border-box; 3113 -ms-overflow-style: scrollbar; } 3114 3115*, *::before, *::after { 3116 box-sizing: inherit; } 3117 3118.container { 3119 width: 100%; 3120 padding-right: 10px; 3121 padding-left: 10px; 3122 margin-right: auto; 3123 margin-left: auto; } 3124 @media (min-width: 768px) { 3125 .container { 3126 max-width: 720px; } } 3127 @media (min-width: 992px) { 3128 .container { 3129 max-width: 960px; } } 3130 @media (min-width: 1302px) { 3131 .container { 3132 max-width: 1260px; } } 3133 3134.container-fluid { 3135 width: 100%; 3136 padding-right: 10px; 3137 padding-left: 10px; 3138 margin-right: auto; 3139 margin-left: auto; } 3140 3141.row { 3142 display: flex; 3143 flex-wrap: wrap; 3144 margin-right: -10px; 3145 margin-left: -10px; } 3146 3147.no-gutters { 3148 margin-right: 0; 3149 margin-left: 0; } 3150 .no-gutters .col, .no-gutters [class*="col-"] { 3151 padding-right: 0; 3152 padding-left: 0; } 3153 3154.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto { 3155 position: relative; 3156 width: 100%; 3157 padding-right: 10px; 3158 padding-left: 10px; } 3159 .col { 3160 flex-basis: 0; 3161 flex-grow: 1; 3162 max-width: 100%; } 3163 .col-auto { 3164 flex: 0 0 auto; 3165 width: auto; 3166 max-width: 100%; } 3167 .col-1 { 3168 flex: 0 0 8.3333333333%; 3169 max-width: 8.3333333333%; } 3170 .col-2 { 3171 flex: 0 0 16.6666666667%; 3172 max-width: 16.6666666667%; } 3173 .col-3 { 3174 flex: 0 0 25%; 3175 max-width: 25%; } 3176 .col-4 { 3177 flex: 0 0 33.3333333333%; 3178 max-width: 33.3333333333%; } 3179 .col-5 { 3180 flex: 0 0 41.6666666667%; 3181 max-width: 41.6666666667%; } 3182 .col-6 { 3183 flex: 0 0 50%; 3184 max-width: 50%; } 3185 .col-7 { 3186 flex: 0 0 58.3333333333%; 3187 max-width: 58.3333333333%; } 3188 .col-8 { 3189 flex: 0 0 66.6666666667%; 3190 max-width: 66.6666666667%; } 3191 .col-9 { 3192 flex: 0 0 75%; 3193 max-width: 75%; } 3194 .col-10 { 3195 flex: 0 0 83.3333333333%; 3196 max-width: 83.3333333333%; } 3197 .col-11 { 3198 flex: 0 0 91.6666666667%; 3199 max-width: 91.6666666667%; } 3200 .col-12 { 3201 flex: 0 0 100%; 3202 max-width: 100%; } 3203 .order-first { 3204 order: -1; } 3205 .order-last { 3206 order: 13; } 3207 .order-0 { 3208 order: 0; } 3209 .order-1 { 3210 order: 1; } 3211 .order-2 { 3212 order: 2; } 3213 .order-3 { 3214 order: 3; } 3215 .order-4 { 3216 order: 4; } 3217 .order-5 { 3218 order: 5; } 3219 .order-6 { 3220 order: 6; } 3221 .order-7 { 3222 order: 7; } 3223 .order-8 { 3224 order: 8; } 3225 .order-9 { 3226 order: 9; } 3227 .order-10 { 3228 order: 10; } 3229 .order-11 { 3230 order: 11; } 3231 .order-12 { 3232 order: 12; } 3233 .offset-1 { 3234 margin-left: 8.3333333333%; } 3235 .offset-2 { 3236 margin-left: 16.6666666667%; } 3237 .offset-3 { 3238 margin-left: 25%; } 3239 .offset-4 { 3240 margin-left: 33.3333333333%; } 3241 .offset-5 { 3242 margin-left: 41.6666666667%; } 3243 .offset-6 { 3244 margin-left: 50%; } 3245 .offset-7 { 3246 margin-left: 58.3333333333%; } 3247 .offset-8 { 3248 margin-left: 66.6666666667%; } 3249 .offset-9 { 3250 margin-left: 75%; } 3251 .offset-10 { 3252 margin-left: 83.3333333333%; } 3253 .offset-11 { 3254 margin-left: 91.6666666667%; } 3255 @media (min-width: 768px) { 3256 .col-sm { 3257 flex-basis: 0; 3258 flex-grow: 1; 3259 max-width: 100%; } 3260 .col-sm-auto { 3261 flex: 0 0 auto; 3262 width: auto; 3263 max-width: 100%; } 3264 3265 .col-sm-1 { 3266 flex: 0 0 8.3333333333%; 3267 max-width: 8.3333333333%; } 3268 3269 .col-sm-2 { 3270 flex: 0 0 16.6666666667%; 3271 max-width: 16.6666666667%; } 3272 3273 .col-sm-3 { 3274 flex: 0 0 25%; 3275 max-width: 25%; } 3276 3277 .col-sm-4 { 3278 flex: 0 0 33.3333333333%; 3279 max-width: 33.3333333333%; } 3280 3281 .col-sm-5 { 3282 flex: 0 0 41.6666666667%; 3283 max-width: 41.6666666667%; } 3284 3285 .col-sm-6 { 3286 flex: 0 0 50%; 3287 max-width: 50%; } 3288 3289 .col-sm-7 { 3290 flex: 0 0 58.3333333333%; 3291 max-width: 58.3333333333%; } 3292 3293 .col-sm-8 { 3294 flex: 0 0 66.6666666667%; 3295 max-width: 66.6666666667%; } 3296 3297 .col-sm-9 { 3298 flex: 0 0 75%; 3299 max-width: 75%; } 3300 3301 .col-sm-10 { 3302 flex: 0 0 83.3333333333%; 3303 max-width: 83.3333333333%; } 3304 3305 .col-sm-11 { 3306 flex: 0 0 91.6666666667%; 3307 max-width: 91.6666666667%; } 3308 3309 .col-sm-12 { 3310 flex: 0 0 100%; 3311 max-width: 100%; } 3312 3313 .order-sm-first { 3314 order: -1; } 3315 3316 .order-sm-last { 3317 order: 13; } 3318 3319 .order-sm-0 { 3320 order: 0; } 3321 3322 .order-sm-1 { 3323 order: 1; } 3324 3325 .order-sm-2 { 3326 order: 2; } 3327 3328 .order-sm-3 { 3329 order: 3; } 3330 3331 .order-sm-4 { 3332 order: 4; } 3333 3334 .order-sm-5 { 3335 order: 5; } 3336 3337 .order-sm-6 { 3338 order: 6; } 3339 3340 .order-sm-7 { 3341 order: 7; } 3342 3343 .order-sm-8 { 3344 order: 8; } 3345 3346 .order-sm-9 { 3347 order: 9; } 3348 3349 .order-sm-10 { 3350 order: 10; } 3351 3352 .order-sm-11 { 3353 order: 11; } 3354 3355 .order-sm-12 { 3356 order: 12; } 3357 3358 .offset-sm-0 { 3359 margin-left: 0; } 3360 3361 .offset-sm-1 { 3362 margin-left: 8.3333333333%; } 3363 3364 .offset-sm-2 { 3365 margin-left: 16.6666666667%; } 3366 3367 .offset-sm-3 { 3368 margin-left: 25%; } 3369 3370 .offset-sm-4 { 3371 margin-left: 33.3333333333%; } 3372 3373 .offset-sm-5 { 3374 margin-left: 41.6666666667%; } 3375 3376 .offset-sm-6 { 3377 margin-left: 50%; } 3378 3379 .offset-sm-7 { 3380 margin-left: 58.3333333333%; } 3381 3382 .offset-sm-8 { 3383 margin-left: 66.6666666667%; } 3384 3385 .offset-sm-9 { 3386 margin-left: 75%; } 3387 3388 .offset-sm-10 { 3389 margin-left: 83.3333333333%; } 3390 3391 .offset-sm-11 { 3392 margin-left: 91.6666666667%; } } 3393 @media (min-width: 992px) { 3394 .col-md { 3395 flex-basis: 0; 3396 flex-grow: 1; 3397 max-width: 100%; } 3398 .col-md-auto { 3399 flex: 0 0 auto; 3400 width: auto; 3401 max-width: 100%; } 3402 3403 .col-md-1 { 3404 flex: 0 0 8.3333333333%; 3405 max-width: 8.3333333333%; } 3406 3407 .col-md-2 { 3408 flex: 0 0 16.6666666667%; 3409 max-width: 16.6666666667%; } 3410 3411 .col-md-3 { 3412 flex: 0 0 25%; 3413 max-width: 25%; } 3414 3415 .col-md-4 { 3416 flex: 0 0 33.3333333333%; 3417 max-width: 33.3333333333%; } 3418 3419 .col-md-5 { 3420 flex: 0 0 41.6666666667%; 3421 max-width: 41.6666666667%; } 3422 3423 .col-md-6 { 3424 flex: 0 0 50%; 3425 max-width: 50%; } 3426 3427 .col-md-7 { 3428 flex: 0 0 58.3333333333%; 3429 max-width: 58.3333333333%; } 3430 3431 .col-md-8 { 3432 flex: 0 0 66.6666666667%; 3433 max-width: 66.6666666667%; } 3434 3435 .col-md-9 { 3436 flex: 0 0 75%; 3437 max-width: 75%; } 3438 3439 .col-md-10 { 3440 flex: 0 0 83.3333333333%; 3441 max-width: 83.3333333333%; } 3442 3443 .col-md-11 { 3444 flex: 0 0 91.6666666667%; 3445 max-width: 91.6666666667%; } 3446 3447 .col-md-12 { 3448 flex: 0 0 100%; 3449 max-width: 100%; } 3450 3451 .order-md-first { 3452 order: -1; } 3453 3454 .order-md-last { 3455 order: 13; } 3456 3457 .order-md-0 { 3458 order: 0; } 3459 3460 .order-md-1 { 3461 order: 1; } 3462 3463 .order-md-2 { 3464 order: 2; } 3465 3466 .order-md-3 { 3467 order: 3; } 3468 3469 .order-md-4 { 3470 order: 4; } 3471 3472 .order-md-5 { 3473 order: 5; } 3474 3475 .order-md-6 { 3476 order: 6; } 3477 3478 .order-md-7 { 3479 order: 7; } 3480 3481 .order-md-8 { 3482 order: 8; } 3483 3484 .order-md-9 { 3485 order: 9; } 3486 3487 .order-md-10 { 3488 order: 10; } 3489 3490 .order-md-11 { 3491 order: 11; } 3492 3493 .order-md-12 { 3494 order: 12; } 3495 3496 .offset-md-0 { 3497 margin-left: 0; } 3498 3499 .offset-md-1 { 3500 margin-left: 8.3333333333%; } 3501 3502 .offset-md-2 { 3503 margin-left: 16.6666666667%; } 3504 3505 .offset-md-3 { 3506 margin-left: 25%; } 3507 3508 .offset-md-4 { 3509 margin-left: 33.3333333333%; } 3510 3511 .offset-md-5 { 3512 margin-left: 41.6666666667%; } 3513 3514 .offset-md-6 { 3515 margin-left: 50%; } 3516 3517 .offset-md-7 { 3518 margin-left: 58.3333333333%; } 3519 3520 .offset-md-8 { 3521 margin-left: 66.6666666667%; } 3522 3523 .offset-md-9 { 3524 margin-left: 75%; } 3525 3526 .offset-md-10 { 3527 margin-left: 83.3333333333%; } 3528 3529 .offset-md-11 { 3530 margin-left: 91.6666666667%; } } 3531 @media (min-width: 1302px) { 3532 .col-lg { 3533 flex-basis: 0; 3534 flex-grow: 1; 3535 max-width: 100%; } 3536 .col-lg-auto { 3537 flex: 0 0 auto; 3538 width: auto; 3539 max-width: 100%; } 3540 3541 .col-lg-1 { 3542 flex: 0 0 8.3333333333%; 3543 max-width: 8.3333333333%; } 3544 3545 .col-lg-2 { 3546 flex: 0 0 16.6666666667%; 3547 max-width: 16.6666666667%; } 3548 3549 .col-lg-3 { 3550 flex: 0 0 25%; 3551 max-width: 25%; } 3552 3553 .col-lg-4 { 3554 flex: 0 0 33.3333333333%; 3555 max-width: 33.3333333333%; } 3556 3557 .col-lg-5 { 3558 flex: 0 0 41.6666666667%; 3559 max-width: 41.6666666667%; } 3560 3561 .col-lg-6 { 3562 flex: 0 0 50%; 3563 max-width: 50%; } 3564 3565 .col-lg-7 { 3566 flex: 0 0 58.3333333333%; 3567 max-width: 58.3333333333%; } 3568 3569 .col-lg-8 { 3570 flex: 0 0 66.6666666667%; 3571 max-width: 66.6666666667%; } 3572 3573 .col-lg-9 { 3574 flex: 0 0 75%; 3575 max-width: 75%; } 3576 3577 .col-lg-10 { 3578 flex: 0 0 83.3333333333%; 3579 max-width: 83.3333333333%; } 3580 3581 .col-lg-11 { 3582 flex: 0 0 91.6666666667%; 3583 max-width: 91.6666666667%; } 3584 3585 .col-lg-12 { 3586 flex: 0 0 100%; 3587 max-width: 100%; } 3588 3589 .order-lg-first { 3590 order: -1; } 3591 3592 .order-lg-last { 3593 order: 13; } 3594 3595 .order-lg-0 { 3596 order: 0; } 3597 3598 .order-lg-1 { 3599 order: 1; } 3600 3601 .order-lg-2 { 3602 order: 2; } 3603 3604 .order-lg-3 { 3605 order: 3; } 3606 3607 .order-lg-4 { 3608 order: 4; } 3609 3610 .order-lg-5 { 3611 order: 5; } 3612 3613 .order-lg-6 { 3614 order: 6; } 3615 3616 .order-lg-7 { 3617 order: 7; } 3618 3619 .order-lg-8 { 3620 order: 8; } 3621 3622 .order-lg-9 { 3623 order: 9; } 3624 3625 .order-lg-10 { 3626 order: 10; } 3627 3628 .order-lg-11 { 3629 order: 11; } 3630 3631 .order-lg-12 { 3632 order: 12; } 3633 3634 .offset-lg-0 { 3635 margin-left: 0; } 3636 3637 .offset-lg-1 { 3638 margin-left: 8.3333333333%; } 3639 3640 .offset-lg-2 { 3641 margin-left: 16.6666666667%; } 3642 3643 .offset-lg-3 { 3644 margin-left: 25%; } 3645 3646 .offset-lg-4 { 3647 margin-left: 33.3333333333%; } 3648 3649 .offset-lg-5 { 3650 margin-left: 41.6666666667%; } 3651 3652 .offset-lg-6 { 3653 margin-left: 50%; } 3654 3655 .offset-lg-7 { 3656 margin-left: 58.3333333333%; } 3657 3658 .offset-lg-8 { 3659 margin-left: 66.6666666667%; } 3660 3661 .offset-lg-9 { 3662 margin-left: 75%; } 3663 3664 .offset-lg-10 { 3665 margin-left: 83.3333333333%; } 3666 3667 .offset-lg-11 { 3668 margin-left: 91.6666666667%; } } 3669 3670.gutter-small .row { 3671 margin-right: -1px; 3672 margin-left: -1px; } 3673 .gutter-small .row .col, .gutter-small .row [class*="col-"] { 3674 padding-right: 1px; 3675 padding-left: 1px; } 3676 .gutter-small .row .col figure, .gutter-small .row [class*="col-"] figure {
3677 margin-bottom: 2px; } 3678 3679.gutter-none .row { 3680 margin-right: 0px; 3681 margin-left: 0px; } 3682 .gutter-none .row .col, .gutter-none .row [class*="col-"] { 3683 padding-right: 0px; 3684 padding-left: 0px; } 3685 .gutter-none .row .col figure, .gutter-none .row [class*="col-"] figure { 3686 margin-bottom: 0px; } 3687 3688figure { 3689 margin-bottom: 20px; } 3690 .gutter-small figure { 3691 margin-bottom: 1px; } 3692 .gutter-none figure { 3693 margin-bottom: 0px; } 3694 .d-none { 3695 display: none !important; } 3696 .d-inline { 3697 display: inline !important; } 3698 .d-inline-block { 3699 display: inline-block !important; } 3700 .d-block { 3701 display: block !important; } 3702 .d-table { 3703 display: table !important; } 3704 .d-table-row { 3705 display: table-row !important; } 3706 .d-table-cell { 3707 display: table-cell !important; } 3708 .d-flex { 3709 display: flex !important; } 3710 .d-inline-flex { 3711 display: inline-flex !important; } 3712 @media (min-width: 768px) { 3713 .d-sm-none { 3714 display: none !important; } 3715 .d-sm-inline { 3716 display: inline !important; } 3717 3718 .d-sm-inline-block { 3719 display: inline-block !important; } 3720 3721 .d-sm-block { 3722 display: block !important; } 3723 3724 .d-sm-table { 3725 display: table !important; } 3726 3727 .d-sm-table-row { 3728 display: table-row !important; } 3729 3730 .d-sm-table-cell { 3731 display: table-cell !important; } 3732 3733 .d-sm-flex { 3734 display: flex !important; } 3735 3736 .d-sm-inline-flex { 3737 display: inline-flex !important; } } 3738 @media (min-width: 992px) { 3739 .d-md-none { 3740 display: none !important; } 3741 .d-md-inline { 3742 display: inline !important; } 3743 3744 .d-md-inline-block { 3745 display: inline-block !important; } 3746 3747 .d-md-block { 3748 display: block !important; } 3749 3750 .d-md-table { 3751 display: table !important; } 3752 3753 .d-md-table-row { 3754 display: table-row !important; } 3755 3756 .d-md-table-cell { 3757 display: table-cell !important; } 3758 3759 .d-md-flex { 3760 display: flex !important; } 3761 3762 .d-md-inline-flex { 3763 display: inline-flex !important; } } 3764 @media (min-width: 1302px) { 3765 .d-lg-none { 3766 display: none !important; } 3767 .d-lg-inline { 3768 display: inline !important; } 3769 3770 .d-lg-inline-block { 3771 display: inline-block !important; } 3772 3773 .d-lg-block { 3774 display: block !important; } 3775 3776 .d-lg-table { 3777 display: table !important; } 3778 3779 .d-lg-table-row { 3780 display: table-row !important; } 3781 3782 .d-lg-table-cell { 3783 display: table-cell !important; } 3784 3785 .d-lg-flex { 3786 display: flex !important; } 3787 3788 .d-lg-inline-flex { 3789 display: inline-flex !important; } } 3790 3791@media print { 3792 .d-print-none { 3793 display: none !important; } 3794 3795 .d-print-inline { 3796 display: inline !important; } 3797 3798 .d-print-inline-block { 3799 display: inline-block !important; } 3800 3801 .d-print-block { 3802 display: block !important; } 3803 3804 .d-print-table { 3805 display: table !important; } 3806 3807 .d-print-table-row { 3808 display: table-row !important; } 3809 3810 .d-print-table-cell { 3811 display: table-cell !important; } 3812 3813 .d-print-flex { 3814 display: flex !important; } 3815 3816 .d-print-inline-flex { 3817 display: inline-flex !important; } } 3818 .flex-row { 3819 flex-direction: row !important; } 3820 .flex-column { 3821 flex-direction: column !important; } 3822 .flex-row-reverse { 3823 flex-direction: row-reverse !important; } 3824 .flex-column-reverse { 3825 flex-direction: column-reverse !important; } 3826 .flex-wrap { 3827 flex-wrap: wrap !important; } 3828 .flex-nowrap { 3829 flex-wrap: nowrap !important; } 3830 .flex-wrap-reverse { 3831 flex-wrap: wrap-reverse !important; } 3832 .flex-fill { 3833 flex: 1 1 auto !important; } 3834 .flex-grow-0 { 3835 flex-grow: 0 !important; } 3836 .flex-grow-1 { 3837 flex-grow: 1 !important; } 3838 .flex-shrink-0 { 3839 flex-shrink: 0 !important; } 3840 .flex-shrink-1 { 3841 flex-shrink: 1 !important; } 3842 .justify-content-start { 3843 justify-content: flex-start !important; } 3844 .justify-content-end { 3845 justify-content: flex-end !important; } 3846 .justify-content-center { 3847 justify-content: center !important; } 3848 .justify-content-between { 3849 justify-content: space-between !important; } 3850 .justify-content-around { 3851 justify-content: space-around !important; } 3852 .align-items-start {
3853 align-items: flex-start !important; } 3854 .align-items-end { 3855 align-items: flex-end !important; } 3856 .align-items-center { 3857 align-items: center !important; } 3858 .align-items-baseline { 3859 align-items: baseline !important; } 3860 .align-items-stretch { 3861 align-items: stretch !important; } 3862 .align-content-start { 3863 align-content: flex-start !important; } 3864 .align-content-end { 3865 align-content: flex-end !important; } 3866 .align-content-center { 3867 align-content: center !important; } 3868 .align-content-between { 3869 align-content: space-between !important; } 3870 .align-content-around { 3871 align-content: space-around !important; } 3872 .align-content-stretch { 3873 align-content: stretch !important; } 3874 .align-self-auto { 3875 align-self: auto !important; } 3876 .align-self-start { 3877 align-self: flex-start !important; } 3878 .align-self-end { 3879 align-self: flex-end !important; } 3880 .align-self-center { 3881 align-self: center !important; } 3882 .align-self-baseline { 3883 align-self: baseline !important; } 3884 .align-self-stretch { 3885 align-self: stretch !important; } 3886 @media (min-width: 768px) { 3887 .flex-sm-row { 3888 flex-direction: row !important; } 3889 .flex-sm-column { 3890 flex-direction: column !important; } 3891 3892 .flex-sm-row-reverse { 3893 flex-direction: row-reverse !important; } 3894 3895 .flex-sm-column-reverse { 3896 flex-direction: column-reverse !important; } 3897 3898 .flex-sm-wrap { 3899 flex-wrap: wrap !important; } 3900 3901 .flex-sm-nowrap { 3902 flex-wrap: nowrap !important; } 3903 3904 .flex-sm-wrap-reverse { 3905 flex-wrap: wrap-reverse !important; } 3906 3907 .flex-sm-fill { 3908 flex: 1 1 auto !important; } 3909 3910 .flex-sm-grow-0 { 3911 flex-grow: 0 !important; } 3912 3913 .flex-sm-grow-1 { 3914 flex-grow: 1 !important; } 3915 3916 .flex-sm-shrink-0 { 3917 flex-shrink: 0 !important; } 3918 3919 .flex-sm-shrink-1 { 3920 flex-shrink: 1 !important; } 3921 3922 .justify-content-sm-start { 3923 justify-content: flex-start !important; } 3924 3925 .justify-content-sm-end { 3926 justify-content: flex-end !important; } 3927 3928 .justify-content-sm-center { 3929 justify-content: center !important; } 3930 3931 .justify-content-sm-between { 3932 justify-content: space-between !important; } 3933 3934 .justify-content-sm-around { 3935 justify-content: space-around !important; } 3936 3937 .align-items-sm-start { 3938 align-items: flex-start !important; } 3939 3940 .align-items-sm-end { 3941 align-items: flex-end !important; } 3942 3943 .align-items-sm-center { 3944 align-items: center !important; } 3945 3946 .align-items-sm-baseline { 3947 align-items: baseline !important; } 3948 3949 .align-items-sm-stretch { 3950 align-items: stretch !important; } 3951 3952 .align-content-sm-start { 3953 align-content: flex-start !important; } 3954 3955 .align-content-sm-end { 3956 align-content: flex-end !important; } 3957 3958 .align-content-sm-center { 3959 align-content: center !important; } 3960 3961 .align-content-sm-between { 3962 align-content: space-between !important; } 3963 3964 .align-content-sm-around { 3965 align-content: space-around !important; } 3966 3967 .align-content-sm-stretch { 3968 align-content: stretch !important; } 3969 3970 .align-self-sm-auto { 3971 align-self: auto !important; } 3972 3973 .align-self-sm-start { 3974 align-self: flex-start !important; } 3975 3976 .align-self-sm-end { 3977 align-self: flex-end !important; } 3978 3979 .align-self-sm-center { 3980 align-self: center !important; } 3981 3982 .align-self-sm-baseline { 3983 align-self: baseline !important; } 3984 3985 .align-self-sm-stretch { 3986 align-self: stretch !important; } } 3987 @media (min-width: 992px) { 3988 .flex-md-row { 3989 flex-direction: row !important; } 3990 .flex-md-column { 3991 flex-direction: column !important; } 3992 3993 .flex-md-row-reverse { 3994 flex-direction: row-reverse !important; } 3995 3996 .flex-md-column-reverse { 3997 flex-direction: column-reverse !important; } 3998 3999 .flex-md-wrap { 4000 flex-wrap: wrap !important; } 4001 4002 .flex-md-nowrap { 4003 flex-wrap: nowrap !important; } 4004 4005 .flex-md-wrap-reverse { 4006 flex-wrap: wrap-reverse !important; } 4007 4008 .flex-md-fill { 4009 flex: 1 1 auto !important; } 4010 4011 .flex-md-grow-0 { 4012 flex-grow: 0 !important; } 4013 4014 .flex-md-grow-1 { 4015 flex-grow: 1 !important; } 4016 4017 .flex-md-shrink-0 { 4018 flex-shrink: 0 !important; } 4019 4020 .flex-md-shrink-1 { 4021 flex-shrink: 1 !important; } 4022 4023 .justify-content-md-start { 4024 justify-content: flex-start !important; } 4025 4026 .justify-content-md-end { 4027 justify-content: flex-end !important; } 4028 4029 .justify-content-md-center { 4030 justify-content: center !important; } 4031 4032 .justify-content-md-between { 4033 justify-content: space-between !important; } 4034 4035 .justify-content-md-around { 4036 justify-content: space-around !important; } 4037 4038 .align-items-md-start { 4039 align-items: flex-start !important; } 4040 4041 .align-items-md-end { 4042 align-items: flex-end !important; } 4043 4044 .align-items-md-center { 4045 align-items: center !important; } 4046 4047 .align-items-md-baseline {
4048 align-items: baseline !important; } 4049 4050 .align-items-md-stretch { 4051 align-items: stretch !important; } 4052 4053 .align-content-md-start { 4054 align-content: flex-start !important; } 4055 4056 .align-content-md-end { 4057 align-content: flex-end !important; } 4058 4059 .align-content-md-center { 4060 align-content: center !important; } 4061 4062 .align-content-md-between { 4063 align-content: space-between !important; } 4064 4065 .align-content-md-around { 4066 align-content: space-around !important; } 4067 4068 .align-content-md-stretch { 4069 align-content: stretch !important; } 4070 4071 .align-self-md-auto { 4072 align-self: auto !important; } 4073 4074 .align-self-md-start { 4075 align-self: flex-start !important; } 4076 4077 .align-self-md-end { 4078 align-self: flex-end !important; } 4079 4080 .align-self-md-center { 4081 align-self: center !important; } 4082 4083 .align-self-md-baseline { 4084 align-self: baseline !important; } 4085 4086 .align-self-md-stretch { 4087 align-self: stretch !important; } } 4088 @media (min-width: 1302px) { 4089 .flex-lg-row { 4090 flex-direction: row !important; } 4091 .flex-lg-column { 4092 flex-direction: column !important; } 4093 4094 .flex-lg-row-reverse { 4095 flex-direction: row-reverse !important; } 4096 4097 .flex-lg-column-reverse { 4098 flex-direction: column-reverse !important; } 4099 4100 .flex-lg-wrap { 4101 flex-wrap: wrap !important; } 4102 4103 .flex-lg-nowrap { 4104 flex-wrap: nowrap !important; } 4105 4106 .flex-lg-wrap-reverse { 4107 flex-wrap: wrap-reverse !important; } 4108 4109 .flex-lg-fill { 4110 flex: 1 1 auto !important; } 4111 4112 .flex-lg-grow-0 { 4113 flex-grow: 0 !important; } 4114 4115 .flex-lg-grow-1 { 4116 flex-grow: 1 !important; } 4117 4118 .flex-lg-shrink-0 { 4119 flex-shrink: 0 !important; } 4120 4121 .flex-lg-shrink-1 { 4122 flex-shrink: 1 !important; } 4123 4124 .justify-content-lg-start { 4125 justify-content: flex-start !important; } 4126 4127 .justify-content-lg-end { 4128 justify-content: flex-end !important; } 4129 4130 .justify-content-lg-center { 4131 justify-content: center !important; } 4132 4133 .justify-content-lg-between { 4134 justify-content: space-between !important; } 4135 4136 .justify-content-lg-around { 4137 justify-content: space-around !important; } 4138 4139 .align-items-lg-start { 4140 align-items: flex-start !important; } 4141 4142 .align-items-lg-end { 4143 align-items: flex-end !important; } 4144 4145 .align-items-lg-center { 4146 align-items: center !important; } 4147 4148 .align-items-lg-baseline { 4149 align-items: baseline !important; } 4150 4151 .align-items-lg-stretch { 4152 align-items: stretch !important; } 4153 4154 .align-content-lg-start { 4155 align-content: flex-start !important; } 4156 4157 .align-content-lg-end { 4158 align-content: flex-end !important; } 4159 4160 .align-content-lg-center { 4161 align-content: center !important; } 4162 4163 .align-content-lg-between { 4164 align-content: space-between !important; } 4165 4166 .align-content-lg-around { 4167 align-content: space-around !important; } 4168 4169 .align-content-lg-stretch { 4170 align-content: stretch !important; } 4171 4172 .align-self-lg-auto { 4173 align-self: auto !important; } 4174 4175 .align-self-lg-start { 4176 align-self: flex-start !important; } 4177 4178 .align-self-lg-end { 4179 align-self: flex-end !important; } 4180 4181 .align-self-lg-center { 4182 align-self: center !important; } 4183 4184 .align-self-lg-baseline { 4185 align-self: baseline !important; } 4186 4187 .align-self-lg-stretch { 4188 align-self: stretch !important; } } 4189 .m-0 { 4190 margin: 0 !important; } 4191 .mt-0, .my-0 { 4192 margin-top: 0 !important; } 4193 .mr-0, .mx-0 { 4194 margin-right: 0 !important; } 4195 .mb-0, .my-0 { 4196 margin-bottom: 0 !important; } 4197 .ml-0, .mx-0 { 4198 margin-left: 0 !important; } 4199 .m-1 { 4200 margin: 0.25rem !important; } 4201 .mt-1, .my-1 { 4202 margin-top: 0.25rem !important; } 4203 .mr-1, .mx-1 { 4204 margin-right: 0.25rem !important; } 4205 .mb-1, .my-1 { 4206 margin-bottom: 0.25rem !important; } 4207 .ml-1, .mx-1 { 4208 margin-left: 0.25rem !important; } 4209 .m-2 { 4210 margin: 0.5rem !important; } 4211 .mt-2, .my-2 { 4212 margin-top: 0.5rem !important; } 4213 .mr-2, .mx-2 { 4214 margin-right: 0.5rem !important; } 4215 .mb-2, .my-2 { 4216 margin-bottom: 0.5rem !important; } 4217 .ml-2, .mx-2 { 4218 margin-left: 0.5rem !important; } 4219 .m-3 { 4220 margin: 1rem !important; } 4221 .mt-3, .my-3 { 4222 margin-top: 1rem !important; } 4223 .mr-3, .mx-3 { 4224 margin-right: 1rem !important; } 4225 .mb-3, .my-3 { 4226 margin-bottom: 1rem !important; } 4227 .ml-3, .mx-3 { 4228 margin-left: 1rem !important; } 4229 .m-4 { 4230 margin: 1.5rem !important; } 4231 .mt-4, .my-4 { 4232 margin-top: 1.5rem !important; } 4233 .mr-4, .mx-4 { 4234 margin-right: 1.5rem !important; } 4235 .mb-4, .my-4 { 4236 margin-bottom: 1.5rem !important; } 4237 .ml-4, .mx-4 { 4238 margin-left: 1.5rem !important; } 4239 .m-5 { 4240 margin: 3rem !important; } 4241 .mt-5, .my-5 { 4242 margin-top: 3rem !important; } 4243 .mr-5, .mx-5 { 4244 margin-right: 3rem !important; } 4245 .mb-5, .my-5 { 4246 margin-bottom: 3rem !important; } 4247 .ml-5, .mx-5 { 4248 margin-left: 3rem !important; } 4249 .p-0 { 4250 padding: 0 !important; } 4251 .pt-0, .py-0 { 4252 padding-top: 0 !important; } 4253 .pr-0, .px-0 { 4254 padding-right: 0 !important; } 4255 .pb-0, .py-0 { 4256 padding-bottom: 0 !important; } 4257 .pl-0, .px-0 { 4258 padding-left: 0 !important; } 4259 .p-1 { 4260 padding: 0.25rem !important; } 4261 .pt-1, .py-1 { 4262 padding-top: 0.25rem !important; } 4263 .pr-1, .px-1 { 4264 padding-right: 0.25rem !important; } 4265 .pb-1, .py-1 { 4266 padding-bottom: 0.25rem !important; } 4267 .pl-1, .px-1 { 4268 padding-left: 0.25rem !important; } 4269 .p-2 { 4270 padding: 0.5rem !important; } 4271 .pt-2, .py-2 { 4272 padding-top: 0.5rem !important; } 4273 .pr-2, .px-2 { 4274 padding-right: 0.5rem !important; } 4275 .pb-2, .py-2 { 4276 padding-bottom: 0.5rem !important; } 4277 .pl-2, .px-2 { 4278 padding-left: 0.5rem !important; } 4279 .p-3 { 4280 padding: 1rem !important; } 4281 .pt-3, .py-3 { 4282 padding-top: 1rem !important; } 4283 .pr-3, .px-3 { 4284 padding-right: 1rem !important; } 4285 .pb-3, .py-3 { 4286 padding-bottom: 1rem !important; } 4287 .pl-3, .px-3 { 4288 padding-left: 1rem !important; } 4289 .p-4 { 4290 padding: 1.5rem !important; } 4291 .pt-4, .py-4 { 4292 padding-top: 1.5rem !important; } 4293 .pr-4, .px-4 { 4294 padding-right: 1.5rem !important; } 4295 .pb-4, .py-4 { 4296 padding-bottom: 1.5rem !important; } 4297 .pl-4, .px-4 { 4298 padding-left: 1.5rem !important; } 4299 .p-5 { 4300 padding: 3rem !important; } 4301 .pt-5, .py-5 { 4302 padding-top: 3rem !important; } 4303 .pr-5, .px-5 { 4304 padding-right: 3rem !important; } 4305 .pb-5, .py-5 { 4306 padding-bottom: 3rem !important; } 4307 .pl-5, .px-5 { 4308 padding-left: 3rem !important; } 4309 .m-n1 { 4310 margin: -0.25rem !important; } 4311 .mt-n1, .my-n1 { 4312 margin-top: -0.25rem !important; } 4313 .mr-n1, .mx-n1 { 4314 margin-right: -0.25rem !important; } 4315 .mb-n1, .my-n1 { 4316 margin-bottom: -0.25rem !important; } 4317 .ml-n1, .mx-n1 { 4318 margin-left: -0.25rem !important; } 4319 .m-n2 { 4320 margin: -0.5rem !important; } 4321 .mt-n2, .my-n2 { 4322 margin-top: -0.5rem !important; } 4323 .mr-n2, .mx-n2 { 4324 margin-right: -0.5rem !important; } 4325 .mb-n2, .my-n2 { 4326 margin-bottom: -0.5rem !important; } 4327 .ml-n2, .mx-n2 { 4328 margin-left: -0.5rem !important; } 4329 .m-n3 { 4330 margin: -1rem !important; } 4331 .mt-n3, .my-n3 { 4332 margin-top: -1rem !important; } 4333 .mr-n3, .mx-n3 { 4334 margin-right: -1rem !important; } 4335 .mb-n3, .my-n3 { 4336 margin-bottom: -1rem !important; } 4337 .ml-n3, .mx-n3 { 4338 margin-left: -1rem !important; } 4339 .m-n4 { 4340 margin: -1.5rem !important; } 4341 .mt-n4, .my-n4 { 4342 margin-top: -1.5rem !important; } 4343 .mr-n4, .mx-n4 { 4344 margin-right: -1.5rem !important; } 4345 .mb-n4, .my-n4 { 4346 margin-bottom: -1.5rem !important; } 4347 .ml-n4, .mx-n4 { 4348 margin-left: -1.5rem !important; } 4349 .m-n5 { 4350 margin: -3rem !important; } 4351 .mt-n5, .my-n5 { 4352 margin-top: -3rem !important; } 4353 .mr-n5, .mx-n5 { 4354 margin-right: -3rem !important; } 4355 .mb-n5, .my-n5 { 4356 margin-bottom: -3rem !important; } 4357 .ml-n5, .mx-n5 { 4358 margin-left: -3rem !important; } 4359 .m-auto { 4360 margin: auto !important; } 4361 .mt-auto, .my-auto { 4362 margin-top: auto !important; } 4363 .mr-auto, .mx-auto { 4364 margin-right: auto !important; } 4365 .mb-auto, .my-auto { 4366 margin-bottom: auto !important; } 4367 .ml-auto, .mx-auto { 4368 margin-left: auto !important; } 4369 @media (min-width: 768px) { 4370 .m-sm-0 { 4371 margin: 0 !important; } 4372 .mt-sm-0, .my-sm-0 { 4373 margin-top: 0 !important; } 4374 4375 .mr-sm-0, .mx-sm-0 { 4376 margin-right: 0 !important; } 4377 4378 .mb-sm-0, .my-sm-0 { 4379 margin-bottom: 0 !important; } 4380 4381 .ml-sm-0, .mx-sm-0 { 4382 margin-left: 0 !important; } 4383 4384 .m-sm-1 { 4385 margin: 0.25rem !important; } 4386 4387 .mt-sm-1, .my-sm-1 { 4388 margin-top: 0.25rem !important; } 4389 4390 .mr-sm-1, .mx-sm-1 { 4391 margin-right: 0.25rem !important; } 4392 4393 .mb-sm-1, .my-sm-1 { 4394 margin-bottom: 0.25rem !important; } 4395 4396 .ml-sm-1, .mx-sm-1 { 4397 margin-left: 0.25rem !important; } 4398 4399 .m-sm-2 { 4400 margin: 0.5rem !important; } 4401 4402 .mt-sm-2, .my-sm-2 { 4403 margin-top: 0.5rem !important; } 4404 4405 .mr-sm-2, .mx-sm-2 { 4406 margin-right: 0.5rem !important; } 4407 4408 .mb-sm-2, .my-sm-2 { 4409 margin-bottom: 0.5rem !important; } 4410 4411 .ml-sm-2, .mx-sm-2 { 4412 margin-left: 0.5rem !important; } 4413 4414 .m-sm-3 { 4415 margin: 1rem !important; } 4416 4417 .mt-sm-3, .my-sm-3 { 4418 margin-top: 1rem !important; } 4419 4420 .mr-sm-3, .mx-sm-3 { 4421 margin-right: 1rem !important; } 4422 4423 .mb-sm-3, .my-sm-3 { 4424 margin-bottom: 1rem !important; } 4425 4426 .ml-sm-3, .mx-sm-3 { 4427 margin-left: 1rem !important; } 4428 4429 .m-sm-4 { 4430 margin: 1.5rem !important; } 4431 4432 .mt-sm-4, .my-sm-4 { 4433 margin-top: 1.5rem !important; } 4434 4435 .mr-sm-4, .mx-sm-4 { 4436 margin-right: 1.5rem !important; } 4437 4438 .mb-sm-4, .my-sm-4 { 4439 margin-bottom: 1.5rem !important; } 4440 4441 .ml-sm-4, .mx-sm-4 { 4442 margin-left: 1.5rem !important; } 4443 4444 .m-sm-5 { 4445 margin: 3rem !important; } 4446 4447 .mt-sm-5, .my-sm-5 { 4448 margin-top: 3rem !important; } 4449 4450 .mr-sm-5, .mx-sm-5 { 4451 margin-right: 3rem !important; } 4452 4453 .mb-sm-5, .my-sm-5 { 4454 margin-bottom: 3rem !important; } 4455 4456 .ml-sm-5, .mx-sm-5 { 4457 margin-left: 3rem !important; } 4458 4459 .p-sm-0 { 4460 padding: 0 !important; } 4461 4462 .pt-sm-0, .py-sm-0 { 4463 padding-top: 0 !important; } 4464 4465 .pr-sm-0, .px-sm-0 { 4466 padding-right: 0 !important; } 4467 4468 .pb-sm-0, .py-sm-0 { 4469 padding-bottom: 0 !important; } 4470 4471 .pl-sm-0, .px-sm-0 { 4472 padding-left: 0 !important; } 4473 4474 .p-sm-1 { 4475 padding: 0.25rem !important; } 4476 4477 .pt-sm-1, .py-sm-1 { 4478 padding-top: 0.25rem !important; } 4479 4480 .pr-sm-1, .px-sm-1 { 4481 padding-right: 0.25rem !important; } 4482 4483 .pb-sm-1, .py-sm-1 { 4484 padding-bottom: 0.25rem !important; } 4485 4486 .pl-sm-1, .px-sm-1 { 4487 padding-left: 0.25rem !important; } 4488 4489 .p-sm-2 { 4490 padding: 0.5rem !important; } 4491 4492 .pt-sm-2, .py-sm-2 { 4493 padding-top: 0.5rem !important; } 4494 4495 .pr-sm-2, .px-sm-2 { 4496 padding-right: 0.5rem !important; } 4497 4498 .pb-sm-2, .py-sm-2 { 4499 padding-bottom: 0.5rem !important; } 4500 4501 .pl-sm-2, .px-sm-2 { 4502 padding-left: 0.5rem !important; } 4503 4504 .p-sm-3 { 4505 padding: 1rem !important; } 4506 4507 .pt-sm-3, .py-sm-3 { 4508 padding-top: 1rem !important; } 4509 4510 .pr-sm-3, .px-sm-3 { 4511 padding-right: 1rem !important; } 4512 4513 .pb-sm-3, .py-sm-3 { 4514 padding-bottom: 1rem !important; } 4515 4516 .pl-sm-3, .px-sm-3 { 4517 padding-left: 1rem !important; } 4518 4519 .p-sm-4 { 4520 padding: 1.5rem !important; } 4521 4522 .pt-sm-4, .py-sm-4 { 4523 padding-top: 1.5rem !important; } 4524 4525 .pr-sm-4, .px-sm-4 { 4526 padding-right: 1.5rem !important; } 4527 4528 .pb-sm-4, .py-sm-4 { 4529 padding-bottom: 1.5rem !important; } 4530 4531 .pl-sm-4, .px-sm-4 { 4532 padding-left: 1.5rem !important; } 4533 4534 .p-sm-5 { 4535 padding: 3rem !important; } 4536 4537 .pt-sm-5, .py-sm-5 { 4538 padding-top: 3rem !important; } 4539 4540 .pr-sm-5, .px-sm-5 { 4541 padding-right: 3rem !important; } 4542 4543 .pb-sm-5, .py-sm-5 { 4544 padding-bottom: 3rem !important; } 4545 4546 .pl-sm-5, .px-sm-5 { 4547 padding-left: 3rem !important; } 4548 4549 .m-sm-n1 { 4550 margin: -0.25rem !important; } 4551 4552 .mt-sm-n1, .my-sm-n1 { 4553 margin-top: -0.25rem !important; } 4554 4555 .mr-sm-n1, .mx-sm-n1 { 4556 margin-right: -0.25rem !important; } 4557 4558 .mb-sm-n1, .my-sm-n1 { 4559 margin-bottom: -0.25rem !important; } 4560 4561 .ml-sm-n1, .mx-sm-n1 { 4562 margin-left: -0.25rem !important; } 4563 4564 .m-sm-n2 { 4565 margin: -0.5rem !important; } 4566 4567 .mt-sm-n2, .my-sm-n2 { 4568 margin-top: -0.5rem !important; } 4569 4570 .mr-sm-n2, .mx-sm-n2 { 4571 margin-right: -0.5rem !important; } 4572 4573 .mb-sm-n2, .my-sm-n2 { 4574 margin-bottom: -0.5rem !important; } 4575 4576 .ml-sm-n2, .mx-sm-n2 { 4577 margin-left: -0.5rem !important; } 4578 4579 .m-sm-n3 { 4580 margin: -1rem !important; } 4581 4582 .mt-sm-n3, .my-sm-n3 { 4583 margin-top: -1rem !important; } 4584 4585 .mr-sm-n3, .mx-sm-n3 { 4586 margin-right: -1rem !important; } 4587 4588 .mb-sm-n3, .my-sm-n3 { 4589 margin-bottom: -1rem !important; } 4590 4591 .ml-sm-n3, .mx-sm-n3 { 4592 margin-left: -1rem !important; } 4593 4594 .m-sm-n4 { 4595 margin: -1.5rem !important; } 4596 4597 .mt-sm-n4, .my-sm-n4 { 4598 margin-top: -1.5rem !important; } 4599 4600 .mr-sm-n4, .mx-sm-n4 { 4601 margin-right: -1.5rem !important; } 4602 4603 .mb-sm-n4, .my-sm-n4 { 4604 margin-bottom: -1.5rem !important; } 4605 4606 .ml-sm-n4, .mx-sm-n4 { 4607 margin-left: -1.5rem !important; } 4608 4609 .m-sm-n5 { 4610 margin: -3rem !important; } 4611 4612 .mt-sm-n5, .my-sm-n5 { 4613 margin-top: -3rem !important; } 4614 4615 .mr-sm-n5, .mx-sm-n5 { 4616 margin-right: -3rem !important; } 4617 4618 .mb-sm-n5, .my-sm-n5 { 4619 margin-bottom: -3rem !important; } 4620 4621 .ml-sm-n5, .mx-sm-n5 { 4622 margin-left: -3rem !important; } 4623 4624 .m-sm-auto { 4625 margin: auto !important; } 4626 4627 .mt-sm-auto, .my-sm-auto { 4628 margin-top: auto !important; } 4629 4630 .mr-sm-auto, .mx-sm-auto { 4631 margin-right: auto !important; } 4632 4633 .mb-sm-auto, .my-sm-auto { 4634 margin-bottom: auto !important; } 4635 4636 .ml-sm-auto, .mx-sm-auto { 4637 margin-left: auto !important; } } 4638 @media (min-width: 992px) { 4639 .m-md-0 { 4640 margin: 0 !important; } 4641 .mt-md-0, .my-md-0 { 4642 margin-top: 0 !important; } 4643 4644 .mr-md-0, .mx-md-0 { 4645 margin-right: 0 !important; } 4646 4647 .mb-md-0, .my-md-0 { 4648 margin-bottom: 0 !important; } 4649 4650 .ml-md-0, .mx-md-0 { 4651 margin-left: 0 !important; } 4652 4653 .m-md-1 { 4654 margin: 0.25rem !important; } 4655 4656 .mt-md-1, .my-md-1 { 4657 margin-top: 0.25rem !important; } 4658 4659 .mr-md-1, .mx-md-1 { 4660 margin-right: 0.25rem !important; } 4661 4662 .mb-md-1, .my-md-1 { 4663 margin-bottom: 0.25rem !important; } 4664 4665 .ml-md-1, .mx-md-1 { 4666 margin-left: 0.25rem !important; } 4667 4668 .m-md-2 { 4669 margin: 0.5rem !important; } 4670 4671 .mt-md-2, .my-md-2 { 4672 margin-top: 0.5rem !important; } 4673 4674 .mr-md-2, .mx-md-2 { 4675 margin-right: 0.5rem !important; } 4676 4677 .mb-md-2, .my-md-2 { 4678 margin-bottom: 0.5rem !important; } 4679 4680 .ml-md-2, .mx-md-2 { 4681 margin-left: 0.5rem !important; } 4682 4683 .m-md-3 { 4684 margin: 1rem !important; } 4685 4686 .mt-md-3, .my-md-3 { 4687 margin-top: 1rem !important; } 4688 4689 .mr-md-3, .mx-md-3 { 4690 margin-right: 1rem !important; } 4691 4692 .mb-md-3, .my-md-3 { 4693 margin-bottom: 1rem !important; } 4694 4695 .ml-md-3, .mx-md-3 { 4696 margin-left: 1rem !important; } 4697 4698 .m-md-4 { 4699 margin: 1.5rem !important; } 4700 4701 .mt-md-4, .my-md-4 { 4702 margin-top: 1.5rem !important; } 4703 4704 .mr-md-4, .mx-md-4 { 4705 margin-right: 1.5rem !important; } 4706 4707 .mb-md-4, .my-md-4 { 4708 margin-bottom: 1.5rem !important; } 4709 4710 .ml-md-4, .mx-md-4 { 4711 margin-left: 1.5rem !important; } 4712 4713 .m-md-5 { 4714 margin: 3rem !important; } 4715 4716 .mt-md-5, .my-md-5 { 4717 margin-top: 3rem !important; } 4718 4719 .mr-md-5, .mx-md-5 { 4720 margin-right: 3rem !important; } 4721 4722 .mb-md-5, .my-md-5 { 4723 margin-bottom: 3rem !important; } 4724 4725 .ml-md-5, .mx-md-5 { 4726 margin-left: 3rem !important; } 4727 4728 .p-md-0 { 4729 padding: 0 !important; } 4730 4731 .pt-md-0, .py-md-0 { 4732 padding-top: 0 !important; } 4733 4734 .pr-md-0, .px-md-0 { 4735 padding-right: 0 !important; } 4736 4737 .pb-md-0, .py-md-0 { 4738 padding-bottom: 0 !important; } 4739 4740 .pl-md-0, .px-md-0 { 4741 padding-left: 0 !important; } 4742 4743 .p-md-1 { 4744 padding: 0.25rem !i
4744mportant; } 4745 4746 .pt-md-1, .py-md-1 { 4747 padding-top: 0.25rem !important; } 4748 4749 .pr-md-1, .px-md-1 { 4750 padding-right: 0.25rem !important; } 4751 4752 .pb-md-1, .py-md-1 { 4753 padding-bottom: 0.25rem !important; } 4754 4755 .pl-md-1, .px-md-1 { 4756 padding-left: 0.25rem !important; } 4757 4758 .p-md-2 { 4759 padding: 0.5rem !important; } 4760 4761 .pt-md-2, .py-md-2 { 4762 padding-top: 0.5rem !important; } 4763 4764 .pr-md-2, .px-md-2 { 4765 padding-right: 0.5rem !important; } 4766 4767 .pb-md-2, .py-md-2 { 4768 padding-bottom: 0.5rem !important; } 4769 4770 .pl-md-2, .px-md-2 { 4771 padding-left: 0.5rem !important; } 4772 4773 .p-md-3 { 4774 padding: 1rem !important; } 4775 4776 .pt-md-3, .py-md-3 { 4777 padding-top: 1rem !important; } 4778 4779 .pr-md-3, .px-md-3 { 4780 padding-right: 1rem !important; } 4781 4782 .pb-md-3, .py-md-3 { 4783 padding-bottom: 1rem !important; } 4784 4785 .pl-md-3, .px-md-3 { 4786 padding-left: 1rem !important; } 4787 4788 .p-md-4 { 4789 padding: 1.5rem !important; } 4790 4791 .pt-md-4, .py-md-4 { 4792 padding-top: 1.5rem !important; } 4793 4794 .pr-md-4, .px-md-4 { 4795 padding-right: 1.5rem !important; } 4796 4797 .pb-md-4, .py-md-4 { 4798 padding-bottom: 1.5rem !important; } 4799 4800 .pl-md-4, .px-md-4 { 4801 padding-left: 1.5rem !important; } 4802 4803 .p-md-5 { 4804 padding: 3rem !important; } 4805 4806 .pt-md-5, .py-md-5 { 4807 padding-top: 3rem !important; } 4808 4809 .pr-md-5, .px-md-5 { 4810 padding-right: 3rem !important; } 4811 4812 .pb-md-5, .py-md-5 { 4813 padding-bottom: 3rem !important; } 4814 4815 .pl-md-5, .px-md-5 { 4816 padding-left: 3rem !important; } 4817 4818 .m-md-n1 { 4819 margin: -0.25rem !important; } 4820 4821 .mt-md-n1, .my-md-n1 { 4822 margin-top: -0.25rem !important; } 4823 4824 .mr-md-n1, .mx-md-n1 { 4825 margin-right: -0.25rem !important; } 4826 4827 .mb-md-n1, .my-md-n1 { 4828 margin-bottom: -0.25rem !important; } 4829 4830 .ml-md-n1, .mx-md-n1 { 4831 margin-left: -0.25rem !important; } 4832 4833 .m-md-n2 { 4834 margin: -0.5rem !important; } 4835 4836 .mt-md-n2, .my-md-n2 { 4837 margin-top: -0.5rem !important; } 4838 4839 .mr-md-n2, .mx-md-n2 { 4840 margin-right: -0.5rem !important; } 4841 4842 .mb-md-n2, .my-md-n2 { 4843 margin-bottom: -0.5rem !important; } 4844 4845 .ml-md-n2, .mx-md-n2 { 4846 margin-left: -0.5rem !important; } 4847 4848 .m-md-n3 { 4849 margin: -1rem !important; } 4850 4851 .mt-md-n3, .my-md-n3 { 4852 margin-top: -1rem !important; } 4853 4854 .mr-md-n3, .mx-md-n3 { 4855 margin-right: -1rem !important; } 4856 4857 .mb-md-n3, .my-md-n3 { 4858 margin-bottom: -1rem !important; } 4859 4860 .ml-md-n3, .mx-md-n3 { 4861 margin-left: -1rem !important; } 4862 4863 .m-md-n4 { 4864 margin: -1.5rem !important; } 4865 4866 .mt-md-n4, .my-md-n4 { 4867 margin-top: -1.5rem !important; } 4868 4869 .mr-md-n4, .mx-md-n4 { 4870 margin-right: -1.5rem !important; } 4871 4872 .mb-md-n4, .my-md-n4 { 4873 margin-bottom: -1.5rem !important; } 4874 4875 .ml-md-n4, .mx-md-n4 { 4876 margin-left: -1.5rem !important; } 4877 4878 .m-md-n5 { 4879 margin: -3rem !important; } 4880 4881 .mt-md-n5, .my-md-n5 { 4882 margin-top: -3rem !important; } 4883 4884 .mr-md-n5, .mx-md-n5 { 4885 margin-right: -3rem !important; } 4886 4887 .mb-md-n5, .my-md-n5 { 4888 margin-bottom: -3rem !important; } 4889 4890 .ml-md-n5, .mx-md-n5 { 4891 margin-left: -3rem !important; } 4892 4893 .m-md-auto { 4894 margin: auto !important; } 4895 4896 .mt-md-auto, .my-md-auto { 4897 margin-top: auto !important; } 4898 4899 .mr-md-auto, .mx-md-auto { 4900 margin-right: auto !important; } 4901 4902 .mb-md-auto, .my-md-auto { 4903 margin-bottom: auto !important; } 4904 4905 .ml-md-auto, .mx-md-auto { 4906 margin-left: auto !important; } } 4907 @media (min-width: 1302px) { 4908 .m-lg-0 { 4909 margin: 0 !important; } 4910 .mt-lg-0, .my-lg-0 { 4911 margin-top: 0 !important; } 4912 4913 .mr-lg-0, .mx-lg-0 { 4914 margin-right: 0 !important; } 4915 4916 .mb-lg-0, .my-lg-0 { 4917 margin-bottom: 0 !important; } 4918 4919 .ml-lg-0, .mx-lg-0 { 4920 margin-left: 0 !important; } 4921 4922 .m-lg-1 { 4923 margin: 0.25rem !important; } 4924 4925 .mt-lg-1, .my-lg-1 { 4926 margin-top: 0.25rem !important; } 4927 4928 .mr-lg-1, .mx-lg-1 { 4929 margin-right: 0.25rem !important; } 4930 4931 .mb-lg-1, .my-lg-1 { 4932 margin-bottom: 0.25rem !important; } 4933 4934 .ml-lg-1, .mx-lg-1 { 4935 margin-left: 0.25rem !important; } 4936 4937 .m-lg-2 { 4938 margin: 0.5rem !important; } 4939 4940 .mt-lg-2, .my-lg-2 { 4941 margin-top: 0.5rem !important; } 4942 4943 .mr-lg-2, .mx-lg-2 { 4944 margin-right: 0.5rem !important; } 4945 4946 .mb-lg-2, .my-lg-2 { 4947 margin-bottom: 0.5rem !important; } 4948 4949 .ml-lg-2, .mx-lg-2 { 4950 margin-left: 0.5rem !important; } 4951 4952 .m-lg-3 { 4953 margin: 1rem !important; } 4954 4955 .mt-lg-3, .my-lg-3 { 4956 margin-top: 1rem !important; } 4957 4958 .mr-lg-3, .mx-lg-3 { 4959 margin-right: 1rem !important; } 4960 4961 .mb-lg-3, .my-lg-3 { 4962 margin-bottom: 1rem !important; } 4963 4964 .ml-lg-3, .mx-lg-3 { 4965 margin-left: 1rem !important; } 4966 4967 .m-lg-4 { 4968 margin: 1.5rem !important; } 4969 4970 .mt-lg-4, .my-lg-4 { 4971 margin-top: 1.5rem !important; } 4972 4973 .mr-lg-4, .mx-lg-4 { 4974 margin-right: 1.5rem !important; } 4975 4976 .mb-lg-4, .my-lg-4 { 4977 margin-bottom: 1.5rem !important; } 4978 4979 .ml-lg-4, .mx-lg-4 { 4980 margin-left: 1.5rem !important; } 4981 4982 .m-lg-5 { 4983 margin: 3rem !important; } 4984 4985 .mt-lg-5, .my-lg-5 { 4986 margin-top: 3rem !important; } 4987 4988 .mr-lg-5, .mx-lg-5 { 4989 margin-right: 3rem !important; } 4990 4991 .mb-lg-5, .my-lg-5 { 4992 margin-bottom: 3rem !important; } 4993 4994 .ml-lg-5, .mx-lg-5 { 4995 margin-left: 3rem !important; } 4996 4997 .p-lg-0 { 4998 padding: 0 !important; } 4999 5000 .pt-lg-0, .py-lg-0 { 5001 padding-top: 0 !important; } 5002 5003 .pr-lg-0, .px-lg-0 { 5004 padding-right: 0 !important; } 5005 5006 .pb-lg-0, .py-lg-0 { 5007 padding-bottom: 0 !important; } 5008 5009 .pl-lg-0, .px-lg-0 { 5010 padding-left: 0 !important; } 5011 5012 .p-lg-1 { 5013 padding: 0.25rem !important; } 5014 5015 .pt-lg-1, .py-lg-1 { 5016 padding-top: 0.25rem !important; } 5017 5018 .pr-lg-1, .px-lg-1 { 5019 padding-right: 0.25rem !important; } 5020 5021 .pb-lg-1, .py-lg-1 { 5022 padding-bottom: 0.25rem !important; } 5023 5024 .pl-lg-1, .px-lg-1 { 5025 padding-left: 0.25rem !important; } 5026 5027 .p-lg-2 { 5028 padding: 0.5rem !important; } 5029 5030 .pt-lg-2, .py-lg-2 { 5031 padding-top: 0.5rem !important; } 5032 5033 .pr-lg-2, .px-lg-2 { 5034 padding-right: 0.5rem !important; } 5035 5036 .pb-lg-2, .py-lg-2 { 5037 padding-bottom: 0.5rem !important; } 5038 5039 .pl-lg-2, .px-lg-2 { 5040 padding-left: 0.5rem !important; } 5041 5042 .p-lg-3 { 5043 padding: 1rem !important; } 5044 5045 .pt-lg-3, .py-lg-3 { 5046 padding-top: 1rem !important; } 5047 5048 .pr-lg-3, .px-lg-3 { 5049 padding-right: 1rem !important; } 5050 5051 .pb-lg-3, .py-lg-3 { 5052 padding-bottom: 1rem !important; } 5053 5054 .pl-lg-3, .px-lg-3 { 5055 padding-left: 1rem !important; } 5056 5057 .p-lg-4 { 5058 padding: 1.5rem !important; } 5059 5060 .pt-lg-4, .py-lg-4 { 5061 padding-top: 1.5rem !important; } 5062 5063 .pr-lg-4, .px-lg-4 { 5064 padding-right: 1.5rem !important; } 5065 5066 .pb-lg-4, .py-lg-4 { 5067 padding-bottom: 1.5rem !important; } 5068 5069 .pl-lg-4, .px-lg-4 { 5070 padding-left: 1.5rem !important; } 5071 5072 .p-lg-5 { 5073 padding: 3rem !important; } 5074 5075 .pt-lg-5, .py-lg-5 { 5076 padding-top: 3rem !important; } 5077 5078 .pr-lg-5, .px-lg-5 { 5079 padding-right: 3rem !important; } 5080 5081 .pb-lg-5, .py-lg-5 { 5082 padding-bottom: 3rem !important; } 5083 5084 .pl-lg-5, .px-lg-5 { 5085 padding-left: 3rem !important; } 5086 5087 .m-lg-n1 { 5088 margin: -0.25rem !important; } 5089 5090 .mt-lg-n1, .my-lg-n1 { 5091 margin-top: -0.25rem !important; } 5092 5093 .mr-lg-n1, .mx-lg-n1 { 5094 margin-right: -0.25rem !important; } 5095 5096 .mb-lg-n1, .my-lg-n1 { 5097 margin-bottom: -0.25rem !important; } 5098 5099 .ml-lg-n1, .mx-lg-n1 { 5100 margin-left: -0.25rem !important; } 5101 5102 .m-lg-n2 { 5103 margin: -0.5rem !important; } 5104 5105 .mt-lg-n2, .my-lg-n2 { 5106 margin-top: -0.5rem !important; } 5107 5108 .mr-lg-n2, .mx-lg-n2 { 5109 margin-right: -0.5rem !important; } 5110 5111 .mb-lg-n2, .my-lg-n2 { 5112 margin-bottom: -0.5rem !important; } 5113 5114 .ml-lg-n2, .mx-lg-n2 { 5115 margin-left: -0.5rem !important; } 5116 5117 .m-lg-n3 { 5118 margin: -1rem !important; } 5119 5120 .mt-lg-n3, .my-lg-n3 { 5121 margin-top: -1rem !important; } 5122 5123 .mr-lg-n3, .mx-lg-n3 { 5124 margin-right: -1rem !important; } 5125 5126 .mb-lg-n3, .my-lg-n3 { 5127 margin-bottom: -1rem !important; } 5128 5129 .ml-lg-n3, .mx-lg-n3 { 5130 margin-left: -1rem !important; } 5131 5132 .m-lg-n4 { 5133 margin: -1.5rem !important; } 5134 5135 .mt-lg-n4, .my-lg-n4 { 5136 margin-top: -1.5rem !important; } 5137 5138 .mr-lg-n4, .mx-lg-n4 { 5139 margin-right: -1.5rem !important; } 5140 5141 .mb-lg-n4, .my-lg-n4 { 5142 margin-bottom: -1.5rem !important; } 5143 5144 .ml-lg-n4, .mx-lg-n4 { 5145 margin-left: -1.5rem !important; } 5146 5147 .m-lg-n5 { 5148 margin: -3rem !important; } 5149 5150 .mt-lg-n5, .my-lg-n5 { 5151 margin-top: -3rem !important; } 5152 5153 .mr-lg-n5, .mx-lg-n5 { 5154 margin-right: -3rem !important; } 5155 5156 .mb-lg-n5, .my-lg-n5 { 5157 margin-bottom: -3rem !important; } 5158 5159 .ml-lg-n5, .mx-lg-n5 { 5160 margin-left: -3rem !important; } 5161 5162 .m-lg-auto { 5163 margin: auto !important; } 5164 5165 .mt-lg-auto, .my-lg-auto { 5166 margin-top: auto !important; } 5167 5168 .mr-lg-auto, .mx-lg-auto { 5169 margin-right: auto !important; } 5170 5171 .mb-lg-auto, .my-lg-auto { 5172 margin-bottom: auto !important; } 5173 5174 .ml-lg-auto, .mx-lg-auto { 5175 margin-left: auto !important; } } 5176--> 5177/*]]>*/ 5178</style> 5179 5180<style type="text/css" media="all"> 5181/*<![CDATA[*/ 5182<!-- 5183/****************** MENU MOBIL START ******************/ 5184@media (max-width: 991.98px) { 5185 #menu { 5186 width: 100%; 5187 min-width: 100%; 5188 position: absolute; 5189 top: 80px; 5190 left: 0; 5191 z-index: 50; 5192 height: 40px; } 5193 #menu > span { 5194 position: absolute; 5195 display: block; 5196 line-height: 40px; 5197 padding: 0 0 0 2.375rem; 5198 text-transform: uppercase; 5199 color: #fff; 5200 background: rgba(82, 72, 63, 1); 5201 font-size: 1.125rem; 5202 cursor: pointer; 5203 width: 48px; 5204 right: 193px; 5205 top: -80px; 5206 height: 80px; } 5207 #menu > span:before { 5208 font-family: 'default'; 5209 font-weight: normal; 5210 text-indent: 0; 5211 font-style: normal; 5212 color: #fff; 5213 content: "\e927"; 5214 display: block; 5215 font-size: 29px; 5216 height: 40px; 5217 left: 50%; 5218 line-height: 40px; 5219 padding-right: 0; 5220 position: absolute; 5221 text-decoration: none; 5222 top: 50%; 5223 -moz-transform: translate(-50%, -50%); 5224 -o-transform: translate(-50%, -50%); 5225 -ms-transform: translate(-50%, -50%); 5226 -webkit-transform: translate(-50%, -50%); 5227 transform: translate(-50%, -50%); 5228 width: 30px; } 5229 #menu > div { 5230 display: none; 5231 text-align: left; 5232 margin: 0; 5233 padding: 0; 5234 width: 100%; 5235 padding: 0; 5236 overflow: hidden; } 5237 #menu.open > span::before {
5238 width: 20px; 5239 font-size: 20px; 5240 font-family: 'default'; 5241 font-weight: normal; 5242 text-indent: 0; 5243 font-style: normal; 5244 content: "\e90b"; 5245 color: rgba(229, 186, 101, 1); } 5246 #menu.open > div { 5247 display: block; 5248 overflow: auto; 5249 max-height: calc(100vh - 80px); 5250 background: rgba(82, 72, 63, 1); } 5251 .menu-lvl-1 { 5252 padding-top: 1.5rem; } 5253 .menu-lvl-1 > li > a { 5254 color: #fff; 5255 text-decoration: none; 5256 font-size: 20px; 5257 font-size: 1.25rem; 5258 line-height: 1.7em; 5259 font-family: 'Cormorant'; 5260 -webkit-transition: 0.2s ease; 5261 -moz-transition: 0.2s ease; 5262 -ms-transition: 0.2s ease; 5263 -o-transition: 0.2s ease; 5264 transition: 0.2s ease; 5265 display: block; } 5266 .menu-lvl-1 > li:hover > a, .menu-lvl-1 > li.act > a { 5267 opacity: 0.5; } 5268 .menu-lvl-2 { 5269 display: none; } 5270 .menu-lvl-1 > li.act .menu-lvl-2 { 5271 display: block; } 5272 .menu-lvl-2 > li > a { 5273 color: #fff; 5274 text-decoration: none; 5275 font-size: 15px; 5276 font-size: 0.9375rem; 5277 line-height: 1.5em; 5278 font-family: 'Montserrat'; 5279 letter-spacing: 1px; 5280 -webkit-transition: 0.2s ease; 5281 -moz-transition: 0.2s ease; 5282 -ms-transition: 0.2s ease; 5283 -o-transition: 0.2s ease; 5284 transition: 0.2s ease; 5285 display: block; } 5286 .menu-lvl-2 > li:hover > a, .menu-lvl-2 > li.act > a { 5287 opacity: 0.5; } 5288 #menu .offset-md-2 { 5289 display: none; } 5290 .menuWrap .back, .menuWrap .parent { 5291 display: none !important; } } 5292 5293@media (min-width: 768px) and (max-width: 991px) { 5294 #menu > span { 5295 width: 80px; 5296 right: 320px; } } 5297 5298@media (min-width: 992px) and (max-width: 1301px) { 5299 #menu > span { 5300 width: 70px !important; } 5301 #menu > span::before { 5302 margin-right: 0 !important; } } 5303/****************** MENU MOBIL ENDE ******************/ 5304/****************** MENU DESKTOP START ******************/ 5305@media (min-width: 992px) { 5306 #menu { 5307 position: absolute; 5308 top: 0; 5309 left: 0; 5310 width: 100%; 5311 height: 0px; 5312 margin: 0; } 5313 #menu > span { 5314 width: 120px; 5315 height: 100px; 5316 position: absolute; 5317 left: 0px; 5318 top: 0px; 5319 display: inline-block; 5320 line-height: 100px; 5321 text-align: center; 5322 color: #fff; 5323 font-size: 1.25rem; 5324 font-weight: 400; 5325 cursor: pointer; 5326 font-family: 'Montserrat'; 5327 text-transform: uppercase; 5328 -webkit-transition: height 0.2s ease, line-height 0.2s ease, background 0.2s ease, color 0.2s ease; 5329 -moz-transition: height 0.2s ease, line-height 0.2s ease, background 0.2s ease, color 0.2s ease; 5330 -ms-transition: height 0.2s ease, line-height 0.2s ease, background 0.2s ease, color 0.2s ease; 5331 -o-transition: height 0.2s ease, line-height 0.2s ease, background 0.2s ease, color 0.2s ease; 5332 transition: height 0.2s ease, line-height 0.2s ease, background 0.2s ease, color 0.2s ease; 5333 color: rgba(82, 72, 63, 1); } 5334 #menu > span:hover { 5335 color: rgba(229, 186, 101, 1); } 5336 #menu > span:hover::before { 5337 color: rgba(229, 186, 101, 1); } 5338 #header.invert #menu > span { 5339 background: transparent; 5340 color: #fff; } 5341 #header.invert #menu > span:before { 5342 color: #fff; } 5343 #header.invert #menu > span:hover { 5344 color: rgba(229, 186, 101, 1); } 5345 #header.invert #menu > span:hover:before { 5346 color: rgba(229, 186, 101, 1); } 5347 #menu > span::before { 5348 font-family: 'default'; 5349 font-weight: normal; 5350 text-indent: 0; 5351 font-style: normal; 5352 color: rgba(82, 72, 63, 1); 5353 content: "\e927"; 5354 display: inline-block; 5355 font-size: 29px; 5356 height: 29px; 5357 width: 29px; 5358 line-height: 29px; 5359 text-decoration: none; 5360 position: relative; 5361 margin-right: 10px; 5362 top: 2px; 5363 -webkit-transition: 0.2s ease; 5364 -moz-transition: 0.2s ease; 5365 -ms-transition: 0.2s ease; 5366 -o-transition: 0.2s ease; 5367 transition: 0.2s ease; } 5368 #menu.open > span { 5369 color: rgba(229, 186, 101, 1); 5370 background: rgba(82, 72, 63, 1); } 5371 #menu.open > span::before { 5372 font-family: 'default'; 5373 font-weight: normal; 5374 text-indent: 0; 5375 font-style: normal; 5376 content: "\e90b"; 5377 color: #ebbf68; } 5378 #menu > .menuWrap { 5379 display: inline-block; 5380 text-align: left; 5381 margin: 0; 5382 padding: 0; 5383 margin: 100px 0 0 0; 5384 width: 100%; 5385 height: calc(100vh - 100px); 5386 padding: 20px; 5387 visibility: hidden; 5388 opacity: 0; 5389 -webkit-transition: opacity 0.2s ease, visibility 0.2s ease 0s, height 0.2s ease, margin 0.2s ease; 5390 -moz-transition: opacity 0.2s ease, visibility 0.2s ease 0s, height 0.2s ease, margin 0.2s ease; 5391 -ms-transition: opacity 0.2s ease, visibility 0.2s ease 0s, height 0.2s ease, margin 0.2s ease; 5392 -o-transition: opacity 0.2s ease, visibility 0.2s ease 0s, height 0.2s ease, margin 0.2s ease; 5393 transition: opacity 0.2s ease, visibility 0.2s ease 0s, height 0.2s ease, margin 0.2s ease; 5394 overflow: auto; 5395 position: relative; } 5396 #menu > .menuWrap:before { 5397 content: ""; 5398 width: 0px; 5399 height: 60%; 5400 position: absolute; 5401 left: 50%; 5402 top: 20%; 5403 border-left: 1px solid #fff; 5404 opacity: 0.25; } 5405 #menu.open > .menuWrap { 5406 visibility: visible; 5407 opacity: 1; } 5408 .menu-lvl-1 { 5409 margin: 0px; } 5410 .menu-lvl-1 > li > a { 5411 color: #fff; 5412 text-decoration: none; 5413 font-size: 30px; 5414 font-size: 1.875rem; 5415 line-height: 1.5em; 5416 font-family: 'Cormorant';
5417 -webkit-transition: 0.2s ease; 5418 -moz-transition: 0.2s ease; 5419 -ms-transition: 0.2s ease; 5420 -o-transition: 0.2s ease; 5421 transition: 0.2s ease; 5422 display: block; } 5423 .menu-lvl-1 > li:hover > a, .menu-lvl-1 > li.act > a { 5424 opacity: 0.5; } 5425 .menu-lvl-2 { 5426 display: none; } 5427 .menu-lvl-1 > li.act .menu-lvl-2 { 5428 display: block; } 5429 .menu-lvl-2 > li > a { 5430 color: #fff; 5431 text-decoration: none; 5432 font-size: 15px; 5433 font-size: 0.9375rem; 5434 line-height: 2em; 5435 font-family: 'Montserrat'; 5436 letter-spacing: 1px; 5437 -webkit-transition: 0.2s ease; 5438 -moz-transition: 0.2s ease; 5439 -ms-transition: 0.2s ease; 5440 -o-transition: 0.2s ease; 5441 transition: 0.2s ease; 5442 display: block; } 5443 .menu-lvl-2 > li:hover > a, .menu-lvl-2 > li.act > a { 5444 opacity: 0.5; } 5445 #menu > div > div > div > ul > li > div > ul > li > div { 5446 display: none; } 5447 .menuWrap .back, .menuWrap .parent { 5448 display: none !important; } 5449 #menu .container, #menu .row { 5450 height: 100%; } 5451 .address { 5452 color: #fff; 5453 font-size: 16px; 5454 font-size: 1rem; 5455 font-weight: 300; 5456 margin-bottom: 1.5rem; } 5457 .address .org { 5458 font-size: 40px; 5459 font-size: 2.5rem; 5460 font-family: 'Cormorant'; 5461 font-weight: normal; 5462 line-height: 1.2em; } 5463 .address a { 5464 text-decoration: none; 5465 color: #fff; 5466 -webkit-transition: 0.2s ease; 5467 -moz-transition: 0.2s ease; 5468 -ms-transition: 0.2s ease; 5469 -o-transition: 0.2s ease; 5470 transition: 0.2s ease; } 5471 .address a span { 5472 display: inline-block; 5473 letter-spacing: 1px; 5474 width: 100px; 5475 text-transform: uppercase; 5476 color: rgba(229, 186, 101, 1); 5477 font-size: 14px; 5478 font-size: 0.875rem; } 5479 .address a:hover { 5480 opacity: 0.8; } 5481 .address .calltoaction { 5482 position: relative; 5483 padding: 60px 0 40px; } 5484 #menu .sociallinks { 5485 position: relative; 5486 top: auto; 5487 right: auto; } 5488 #menu .sociallinks .head { 5489 display: block; 5490 text-transform: uppercase; 5491 padding-bottom: 1.5rem; 5492 font-weight: 400; 5493 font-size: 0.875rem; 5494 letter-spacing: 2px; 5495 color: rgba(229, 186, 101, 1); } 5496 #menu .sociallinks ul { 5497 text-align: left; } 5498 #menu .sociallinks ul li { 5499 margin: 0 10px 0 0; } 5500 #menu .sociallinks ul li a { 5501 border: 1px solid rgba(255, 255, 255, 0.2); 5502 border-radius: 100%; 5503 width: 40px; 5504 height: 40px; } 5505 #menu .sociallinks ul li a:before { 5506 color: #dab161; 5507 opacity: 1; 5508 width: 40px; 5509 height: 40px; 5510 line-height: 40px; 5511 font-size: 16px; 5512 left: -1px; 5513 position: relative; } 5514 #menu .sociallinks ul li a:hover:before { 5515 opacity: 0.5; } } 5516/****************** MENU DESKTOP ENDE ******************/ 5517--> 5518/*]]>*/ 5519</style> 5520 5521<style type="text/css" media="all"> 5522/*<![CDATA[*/ 5523<!-- 5524#lang { 5525 width: 48px; 5526 width: 3rem; 5527 height: 80px; 5528 height: 5rem; 5529 cursor: pointer; 5530 font-size: 13px; 5531 font-size: 0.8125rem; 5532 text-align: center; 5533 text-transform: uppercase; 5534 padding-top: 2.188rem; 5535 z-index: 1; 5536 border-left: 1px solid rgba(0, 0, 0, 0.07); 5537 -webkit-transition: 0.2s ease; 5538 -moz-transition: 0.2s ease; 5539 -ms-transition: 0.2s ease; 5540 -o-transition: 0.2s ease; 5541 transition: 0.2s ease; 5542 font-size: 1rem; 5543 display: block; } 5544 @media (min-width: 768px) { 5545 #lang { 5546 width: 80px; 5547 width: 5rem; 5548 height: 80px; 5549 height: 5rem; } } 5550 @media (min-width: 992px) { 5551 #lang { 5552 width: 80px; 5553 width: 5rem; 5554 height: 100px; 5555 height: 6.25rem; 5556 border-left: 0; } 5557 #lang:hover *, #lang:hover *:before { 5558 color: rgba(82, 72, 63, 1); } } 5559 @media (min-width: 1302px) { 5560 #lang { 5561 width: 65px; 5562 width: 4.0625rem; 5563 height: 100px; 5564 height: 6.25rem; 5565 margin-left: 30px; } } 5566 #lang .dropdown { 5567 background: rgba(82, 72, 63, 1); 5568 position: absolute; 5569 right: 0px; 5570 top: 100%; 5571 overflow: hidden; 5572 opacity: 0; 5573 visibility: hidden; 5574 text-align: left; 5575 -webkit-transition: 0.2s ease; 5576 -moz-transition: 0.2s ease; 5577 -ms-transition: 0.2s ease; 5578 -o-transition: 0.2s ease; 5579 transition: 0.2s ease; 5580 min-width: 145px; } 5581 #lang .dropdown ul { 5582 margin: 0px; 5583 padding: 20px; } 5584 #lang .dropdown ul li * { 5585 color: #fff; 5586 white-space: nowrap; 5587 text-decoration: none; 5588 text-transform: none; 5589 font-weight: bold; 5590 font-size: 13px; 5591 font-size: 0.8125rem; 5592 letter-spacing: 1px; } 5593 #lang .dropdown ul li.cur { 5594 opacity: 0.8; } 5595 #lang .dropdown ul li.text-muted { 5596 display: none; } 5597 #lang.open { 5598 background: rgba(82, 72, 63, 1); } 5599 #lang.open > span span { 5600 opacity: 0; } 5601 #lang.open > span i { 5602 top: 50%; 5603 left: 50%; 5604 -moz-transform: translate(-50%, -50%); 5605 -o-transform: translate(-50%, -50%); 5606 -ms-transform: translate(-50%, -50%); 5607 -webkit-transform: translate(-50%, -50%); 5608 transform: translate(-50%, -50%); } 5609 #lang.open > span i:before { 5610 font-size: 20px; 5611 content: "\e90b"; 5612 color: rgba(229, 186, 101, 1); } 5613 #lang.open .dropdown { 5614 opacity: 1; 5615 visibility: visible; } 5616 #lang > span { 5617 width: 100%; 5618 height: 100%; 5619 display: block; 5620 z-index: 10; 5621 position: absolute; 5622 top: 0; 5623 left: 0; 5624 text-decoration: none; 5625 font-size: 13px; 5626 font-size: 0.8125rem; } 5627 #lang > span span { 5628 position: relative; 5629 left: auto; 5630 top: 50%; 5631 line-height: 1.5em; 5632 width: 90%; 5633 -moz-transform: translateY(-50%); 5634 -o-transform: translateY(-50%); 5635 -ms-transform: translateY(-50%); 5636 -webkit-transform: translateY(-50%); 5637 transform: translateY(-50%); 5638 opacity: 1; 5639 -webkit-transition: 0.2s ease; 5640 -moz-transition: 0.2s ease; 5641 -ms-transition: 0.2s ease; 5642 -o-transition: 0.2s ease; 5643 transition: 0.2s ease; 5644 text-transform: uppercase; 5645 color: rgba(82, 72, 63, 1); 5646 display: none; } 5647 @media (min-width: 1302px) { 5648 #lang > span span { 5649 display: block; 5650 font-size: 1rem; 5651 font-weight: 700; } } 5652 #lang > span i {
5653 width: 20px; 5654 height: 20px; 5655 position: absolute; 5656 left: 50%; 5657 top: 50%; 5658 -moz-transform: translate(-50%, -50%); 5659 -o-transform: translate(-50%, -50%); 5660 -ms-transform: translate(-50%, -50%); 5661 -webkit-transform: translate(-50%, -50%); 5662 transform: translate(-50%, -50%); 5663 -webkit-transition: 0.2s ease; 5664 -moz-transition: 0.2s ease; 5665 -ms-transition: 0.2s ease; 5666 -o-transition: 0.2s ease; 5667 transition: 0.2s ease; } 5668 @media (min-width: 1302px) { 5669 #lang > span i { 5670 left: 0; } } 5671 #lang > span i:before { 5672 font-family: 'default'; 5673 font-weight: normal; 5674 text-indent: 0; 5675 font-style: normal; 5676 content: "\1f30d"; 5677 color: rgba(82, 72, 63, 1); 5678 width: 20px; 5679 height: 20px; 5680 font-size: 20px; 5681 line-height: 20px; 5682 position: absolute; 5683 top: 0; 5684 left: 0; 5685 -webkit-transition: 0.2s ease; 5686 -moz-transition: 0.2s ease; 5687 -ms-transition: 0.2s ease; 5688 -o-transition: 0.2s ease; 5689 transition: 0.2s ease; } 5690 5691@media (min-width: 992px) { 5692 #header.invert #lang:not(.open) { 5693 background: transparent; 5694 border-left: 1px solid rgba(0, 0, 0, 0); } 5695 #header.invert #lang:not(.open) > span span, #header.invert #lang:not(.open) i, #header.invert #lang:not(.open) *:before, #header.invert #lang:not(.open) *:after { 5696 color: #fff; } 5697 #header.invert #lang:not(.open):hover > span span, #header.invert #lang:not(.open):hover i, #header.invert #lang:not(.open):hover *:before, #header.invert #lang:not(.open):hover *:after { 5698 color: rgba(229, 186, 101, 1); } 5699 5700 #header.small #lang:not(.open):hover > span span, #header.small #lang:not(.open):hover i, #header.small #lang:not(.open):hover *:before, #header.small #lang:not(.open):hover *:after { 5701 color: rgba(229, 186, 101, 1); } } 5702--> 5703/*]]>*/ 5704</style> 5705 5706<style type="text/css" media="all"> 5707/*<![CDATA[*/ 5708<!-- 5709#header .quickform { 5710 width: 48px; 5711 width: 3rem; 5712 height: 80px; 5713 height: 5rem; 5714 cursor: pointer; 5715 font-size: 13px; 5716 font-size: 0.8125rem; 5717 text-align: left; 5718 padding-top: 2.188rem; 5719 z-index: 1; 5720 border-left: 1px solid rgba(0, 0, 0, 0.07); 5721 -webkit-transition: 0.2s ease; 5722 -moz-transition: 0.2s ease; 5723 -ms-transition: 0.2s ease; 5724 -o-transition: 0.2s ease; 5725 transition: 0.2s ease; 5726 font-size: 1rem; } 5727 @media (min-width: 768px) { 5728 #header .quickform { 5729 width: 80px; 5730 width: 5rem; 5731 height: 80px; 5732 height: 5rem; } } 5733 @media (min-width: 992px) { 5734 #header .quickform { 5735 width: 80px; 5736 width: 5rem; 5737 height: 100px; 5738 height: 6.25rem; } } 5739 @media (min-width: 1302px) { 5740 #header .quickform { 5741 width: 65px; 5742 width: 4.0625rem; 5743 height: 100px; 5744 height: 6.25rem; } } 5745 #header .quickform > span { 5746 width: 100%; 5747 height: 100%; 5748 display: block; 5749 z-index: 10; 5750 position: absolute; 5751 top: 0; 5752 left: 0; 5753 text-decoration: none; 5754 font-size: 13px; 5755 font-size: 0.8125rem; } 5756 #header .quickform > span:hover *, #header .quickform > span:hover *:before { 5757 color: rgba(82, 72, 63, 1); } 5758 #header .quickform > span span { 5759 position: absolute; 5760 left: 50%; 5761 bottom: 18px; 5762 line-height: 1.5em; 5763 width: 90%; 5764 -moz-transform: translateX(-50%); 5765 -o-transform: translateX(-50%); 5766 -ms-transform: translateX(-50%); 5767 -webkit-transform: translateX(-50%); 5768 transform: translateX(-50%); 5769 opacity: 1; 5770 -webkit-transition: 0.2s ease; 5771 -moz-transition: 0.2s ease; 5772 -ms-transition: 0.2s ease; 5773 -o-transition: 0.2s ease; 5774 transition: 0.2s ease; 5775 text-transform: uppercase; 5776 color: rgba(82, 72, 63, 1); 5777 text-align: center; } 5778 #header .quickform > span i { 5779 width: 20px; 5780 height: 20px; 5781 position: absolute; 5782 left: 50%; 5783 top: 18px; 5784 -moz-transform: translateX(-50%); 5785 -o-transform: translateX(-50%); 5786 -ms-transform: translateX(-50%); 5787 -webkit-transform: translateX(-50%); 5788 transform: translateX(-50%); 5789 -webkit-transition: 0.2s ease; 5790 -moz-transition: 0.2s ease; 5791 -ms-transition: 0.2s ease; 5792 -o-transition: 0.2s ease; 5793 transition: 0.2s ease; } 5794 #header .quickform > span i:before { 5795 font-family: 'default'; 5796 font-weight: normal; 5797 text-indent: 0; 5798 font-style: normal; 5799 content: "\e90a"; 5800 color: rgba(82, 72, 63, 1);
5801 width: 20px; 5802 height: 20px; 5803 font-size: 20px; 5804 line-height: 20px; 5805 position: absolute; 5806 top: 0; 5807 left: 0; 5808 -webkit-transition: 0.2s ease; 5809 -moz-transition: 0.2s ease; 5810 -ms-transition: 0.2s ease; 5811 -o-transition: 0.2s ease; 5812 transition: 0.2s ease; } 5813 #header .quickform.open .quickform-form { 5814 height: auto; 5815 max-height: 500px; 5816 background: rgba(82, 72, 63, 1); 5817 padding: 20px; 5818 opacity: 1; } 5819 #header .quickform .quickform-form { 5820 width: 100vw; 5821 background: rgba(82, 72, 63, 1); 5822 height: 0; 5823 padding: 0 20px; 5824 position: absolute; 5825 right: 0; 5826 top: 100%; 5827 opacity: 0; 5828 -webkit-transition: 0.2s ease; 5829 -moz-transition: 0.2s ease; 5830 -ms-transition: 0.2s ease; 5831 -o-transition: 0.2s ease; 5832 transition: 0.2s ease; 5833 overflow: hidden; 5834 max-height: 0px; } 5835 @media (min-width: 992px) { 5836 #header .quickform .quickform-form { 5837 width: 400px; } } 5838 #header .quickform .quickform-form > .label { 5839 margin-bottom: 1.5rem; } 5840 #header .quickform .quickform-form > .label label { 5841 font-size: 2rem; 5842 line-height: 1.2em; 5843 font-weight: 300; 5844 color: #fff; 5845 margin: 0px; } 5846 #header .quickform .quickform-form .input { 5847 margin: 0 0 20px; } 5848 #header .quickform .quickform-form .submit { 5849 margin: 0; } 5850 #header .quickform .quickform-form .submit .btn { 5851 width: 100%; 5852 margin: 0px; } 5853 #header .quickform .isDateHtmlContainer { 5854 background: rgba(229, 186, 101, 1); 5855 /*@color-base-light;*/ 5856 text-align: center; 5857 padding: 3.5rem 0.5rem 1.5rem; 5858 cursor: pointer; } 5859 #header .quickform .isDateHtmlContainer span { 5860 display: inline-block; 5861 text-align: center; 5862 line-height: 1.2em; 5863 font-size: 1rem; } 5864 #header .quickform .isDateHtmlContainer span.day { 5865 font-size: 3rem; 5866 display: inline-block; 5867 padding-right: 0.625rem; 5868 color: #fff; } 5869 #header .quickform .isDateHtmlContainer span.month { 5870 text-transform: uppercase; 5871 padding-top: 0; 5872 color: #fff; } 5873 #header .quickform .isDateHtmlContainer span.year { 5874 padding-top: 0; 5875 display: none; } 5876 #header .quickform .isDateHtmlContainer span.dayname { 5877 display: none; } 5878 #header .quickform .input.date.hasDateHtmlContainer .label, #header .quickform .input.date.hasDateHtmlContainer.hasValue .label { 5879 position: absolute; 5880 top: 0; 5881 left: 0; 5882 width: 100%; 5883 font-size: 0.8125rem; 5884 line-height: 1.5em; 5885 text-align: center; 5886 opacity: 1; 5887 color: rgba(255, 255, 255, 0.75); 5888 text-transform: uppercase; } 5889 #header .quickform .input.date.hasDateHtmlContainer .label label, #header .quickform .input.date.hasDateHtmlContainer.hasValue .label label { 5890 margin-left: -1.875rem; 5891 padding-top: 1.5rem; 5892 height: auto; 5893 line-height: 2.5em; 5894 letter-spacing: 1px; } 5895 #header .quickform form .row { 5896 margin-left: -5px; 5897 margin-right: -5px; } 5898 #header .quickform form .row > *[class*="col"] { 5899 padding-left: 5px; 5900 padding-right: 5px; } 5901 5902#header .quickform.open { 5903 background: rgba(82, 72, 63, 1); } 5904 #header .quickform.open > span span { 5905 opacity: 0; } 5906 #header .quickform.open > span i { 5907 top: 50%; 5908 -moz-transform: translate(-50%, -50%); 5909 -o-transform: translate(-50%, -50%); 5910 -ms-transform: translate(-50%, -50%); 5911 -webkit-transform: translate(-50%, -50%); 5912 transform: translate(-50%, -50%); } 5913 #header .quickform.open > span i:before { 5914 font-size: 20px; 5915 content: "\e90b"; 5916 color: #fff; } 5917 5918@media (min-width: 992px) { 5919 #header.invert .quickform:not(.open) { 5920 background: transparent; 5921 border-left: 1px solid rgba(0, 0, 0, 0); } 5922 #header.invert .quickform:not(.open) > span span, #header.invert .quickform:not(.open) i, #header.invert .quickform:not(.open) *:before, #header.invert .quickform:not(.open) *:after { 5923 color: #fff; } 5924 #header.invert .quickform:not(.open):hover > span span, #header.invert .quickform:not(.open):hover i, #header.invert .quickform:not(.open):hover *:before, #header.invert .quickform:not(.open):hover *:after { 5925 color: rgba(82, 72, 63, 1); } } 5926 5927#ui-datepicker-div { 5928 z-index: 9000 !important; } 5929--> 5930/*]]>*/ 5931</style> 5932 5933<link rel="preload" type="text/css" href="/typo3temp/assets/compressed/merged-99d7a456f19c03b8310edef874203e94.css?1790849585" as="style" onload="this.onload=null;this.rel='stylesheet'" media="all"> 5934<link rel="preload" type="text/css" href="/typo3temp/assets/compressed/merged-858dccdee74a5cb3b1fcab37859cf445.css?1790849585" as="style" onload="this.onload=null;this.rel='stylesheet'" media="print"> 5935 5936 5937 5938 5939 5940
5941<script> 5942 var tx_tracking = {}; 5943 tx_tracking.doNotTrack = function() { 5944 if (document.cookie.indexOf('tracking=accepted') > -1) { return false; } else if (document.cookie.indexOf('tracking=declined') > -1) { return true; } 5945 if(navigator.doNotTrack == 1 || navigator.msDoNotTrack == 1 || window.doNotTrack == 1 ) { return true; } 5946 return false; 5947 }; 5948 5949 5950 tx_tracking.event = window.goTrackEvent = function(eventCategory, eventAction, eventLabel, eventValue) { 5951 if(tx_tracking.doNotTrack()) { return false }; 5952 5953 5954 }; 5955 tx_tracking.pageview = function(url) { 5956 if(tx_tracking.doNotTrack()) { return false }; 5957 5958 5959 }; 5960 5961</script>
5961 5962 5963 5964 5965 5966 5967
5967<script> 5968 var imageZoom = { 5969 TransitionEffect: 'door', 5970 AllowDownload: '1' 5971 }; 5972 </script>
5972
5972<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
5972<script type="text/javascript"> 5973 var initialized = false; 5974 window.addEventListener("mousemove", function (e) { 5975 if (initialized === false) {
vendor: 389 bytes, lines 5975-5980
5975 5976 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 5977 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 5978 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 5979 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 5980 })(window,document,'script','dataLayer', '
5980GTM-MS8FK8Q
vendor: 16 bytes, lines 5980-5981
5980'); 5981
5981initialized = true; 5982 } 5983 }); 5984 window.addEventListener("touchstart", function (e) { 5985 if (initialized === false) {
vendor: 389 bytes, lines 5985-5990
5985 5986 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 5987 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 5988 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 5989 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 5990 })(window,document,'script','dataLayer', '
5990GTM-MS8FK8Q
vendor: 16 bytes, lines 5990-5991
5990'); 5991
5991initialized = true; 5992 } 5993 }); 5994</script>
vendor: 1 bytes, line 5994
5994
5995<script src="https://cdn.go-west.tools/widgets/accessibility/4504689b-903b-4310-b097-e6ed4f0e0181?api_key=W1vBg3F9YIz7ZR31ixXpI46dYuTPTYNiNLTyWFIpoohdAS09mB5vobd65lc8eGbS" async defer></script>
5995 5996<link rel="alternate" hreflang="de" href="https://www.parkhotel-graz.at/de/kontakt-service/gutschein"/> 5997<link rel="alternate" hreflang="en" href="https://www.parkhotel-graz.at/en/contact-service/voucher"/> 5998<link rel="alternate" hreflang="x-default" href="https://www.parkhotel-graz.at/de/kontakt-service/gutschein"/> 5999 6000<link rel="canonical" href="https://www.parkhotel-graz.at/de/kontakt-service/gutschein"/> 6001</head> 6002<body class="default pid65 root1"> 6003 6004 6005 6006 6007 6008 6009 6010 6011 6012 6013 6014 6015 6016 6017<div id="pagewrap"> 6018 <div 6019 width="99999" 6020 height="99999" 6021 style="pointer-events: none; background: white; position: absolute; top: 0; left: 0; width: 95vw; height: 85vh; overflow: hidden; opacity: 0.0000003; z-index: 99999; font-size: 300px; line-height: 1em" 6022 > 6023 -------------------------- 6024 </div> 6025 <header id="header" class="invert" data-onscrollheight="100"><div class="shadow"></div><nav id="menu" role="navigation"><span id="menu-toggle" tabindex="0" aria-label="Toggle Navigation"></span><div class="menuWrap"><div class="container"><div class="row align-items-center"><ul class="menu-lvl-1 col-md-5"><li class="u23 hasSub"><a href="/de/das-parkhotel-graz" > 6026 Das Parkhotel Graz 6027 </a><div class="submenuWrap"><ul class="menu-lvl-2"><li class="back"><span>Back</span></li><li class="parent u23 hasSub"><a href="/de/das-parkhotel-graz" > 6028 Das Parkhotel Graz 6029 </a></li><li class="u25 "><a href="/de/das-parkhotel-graz/traditional-luxury" > 6030 Traditional Luxury 6031 </a></li><li class="u26 "><a href="/de/das-parkhotel-graz/menschen-geschichten" > 6032 Menschen & Geschichten 6033 </a></li><li class="u27 "><a href="/de/das-parkhotel-graz/gaestebuch" > 6034 Gästebuch 6035 </a></li><li class="u28 "><a href="/de/das-parkhotel-graz/bewertungen" > 6036 Bewertungen 6037 </a></li><li class="u29 "><a href="/de/das-parkhotel-graz/bildergalerie" > 6038 Bildergalerie 6039 </a></li></ul></div></li><li class="u30 hasSub"><a href="/de/zimmer-preise" > 6040 Zimmer & Preise 6041 </a><div class="submenuWrap"><ul class="menu-lvl-2"><li class="back"><span>Back</span></li><li class="parent u30 hasSub"><a href="/de/zimmer-preise" > 6042 Zimmer & Preise 6043 </a></li><li class="u31 "><a href="/de/zimmer-preise/zimmer-suiten" > 6044 Zimmer & Suiten 6045 </a></li><li class="u32 "><a href="/de/zimmer-preise/ambiente-komfort" > 6046 Ambiente & Komfort 6047 </a></li><li class="u34 "><a href="/de/zimmer-preise/inklusiv-zusatzleistungen" > 6048 Inklusiv- & Zusatzleistungen 6049 </a></li><li class="u35 "><a href="/de/zimmer-preise/packages" > 6050 Packages 6051 </a></li><li class="u36 "><a href="/de/zimmer-preise/wissenswertes" > 6052 Wissenswertes 6053 </a></li></ul></div></li><li class="u439 "><a href="/de/kontakt-service/gutschein" > 6054 Gutscheine 6055 </a></li><li class="u37 hasSub"><a href="/de/kulinarik" > 6056 Kulinarik 6057 </a><div class="submenuWrap"><ul class="menu-lvl-2"><li class="back"><span>Back</span></li><li class="parent u37 hasSub"><a href="/de/kulinarik" > 6058 Kulinarik 6059 </a></li><li class="u43 "><a href="/de/kulinarik/fruehstueck" > 6060 Frühstück in Graz 6061 </a></li><li class="u44 "><a href="/de/kulinarik/mittagessen-in-graz" > 6062 Mittags 6063 </a></li><li class="u45 "><a href="/de/kulinarik/abendessen-in-graz" > 6064 Abend 6065 </a></li><li class="u480 "><a href="https://www.zurgoldenenbirn.at/de/" target="_blank" rel="noopener nofollow"> 6066 Zur Goldenen Birn - Royal Dining 6067 </a></li><li class="u46 "><a href="/de/kulinarik/cafe" > 6068 Café 6069 </a></li><li class="u47 "><a href="/de/kulinarik/rosengastgarten" > 6070 Rosen-Gastgarten 6071 </a></li><li class="u48 "><a href="/de/kulinarik/hotelbar" > 6072 Hotelbar 6073 </a></li><li class="u50 "><a href="/de/kulinarik/weinkeller" > 6074 Weinkeller 6075 </a></li></ul></div></li><li class="u38 hasSub"><a href="/de/parkhotel-spa" > 6076 Parkhotel Spa 6077 </a><div class="submenuWrap"><ul class="menu-lvl-2"><li class="back"><span>Back</span></li><li class="parent u38 hasSub"><a href="/de/parkhotel-spa" > 6078 Parkhotel Spa 6079 </a></li><li class="u51 "><a href="/de/parkhotel-spa/pool" > 6080 Pool 6081 </a></li><li class="u52 "><a href="/de/parkhotel-spa/sauna" > 6082 Sauna 6083 </a></li><li class="u53 "><a href="/de/parkhotel-spa/fitness" > 6084 Hotel mit Fitnessraum 6085 </a></li><li class="u54 "><a href="/de/parkhotel-spa/ruhebereich" > 6086 Ruhebereich 6087 </a></li></ul></div></li><li class="u39 hasSub"><a href="/de/veranstaltungen-seminare" > 6088 Veranstaltungen & Seminare 6089 </a><div class="submenuWrap"><ul class="menu-lvl-2"><li class="back"><span>Back</span></li><li class="parent u39 hasSub"><a href="/de/veranstaltungen-seminare" > 6090 Veranstaltungen & Seminare 6091 </a></li><li class="u55 "><a href="/de/veranstaltungen-seminare/veranstaltungen-im-parkhotel" > 6092 Veranstaltungen im Parkhotel 6093 </a></li><li class="u56 "><a href="/de/veranstaltungen-seminare/seminarraeumlichkeiten-pauschalen" > 6094 Seminarräumlichkeiten & Pauschalen 6095 </a></li><li class="u57 "><a href="/de/veranstaltungen-seminare/bankettraeumlichkeiten-kulinarik" > 6096 Banketträumlichkeiten & Kulinarik 6097 </a></li></ul></div></li><li class="u40 hasSub"><a href="/de/graz-entdecken" > 6098 Graz entdecken 6099 </a><div class="submenuWrap"><ul class="menu-lvl-2"><li class="back"><span>Back</span></li><li class="parent u40 hasSub"><a href="/de/graz-entdecken" > 6100 Graz entdecken 6101 </a></li><li class="u153 "><a href="/de/graz-entdecken/altstadt" > 6102 Graz - Altstadt & Sehenswürdigkeiten 6103 </a></li><li class="u58 "><a href="/de/graz-entdecken/rund-ums-parkhotel" > 6104 Rund ums Parkhotel 6105 </a></li><li class="u59 "><a href="/de/graz-entdecken/spielstaetten-veranstaltungen" > 6106 Spielstätten & Veranstaltungen 6107 </a></li><li class="u493 "><a href="/de/graz-entdecken/oper-schauspielhaus-graz" > 6108 Oper & 6109Schauspielhaus Graz 6110 </a></li><li class="u60 "><a href="/de/graz-entdecken/freizeitmoeglichkeiten" > 6111 Freizeitmöglichkeiten 6112 </a></li><li class="u418 "><a href="/de/graz-entdecken/shopping-in-graz" > 6113 Shopping in Graz 6114 </a></li><li class="u61 "><a href="/de/graz-entdecken/grazer-umland" > 6115 Grazer Umland 6116 </a></li><li class="u171 "><a href="/de/graz-entdecken/veranstaltungen-in-graz" > 6117 Veranstaltungen in Graz 6118 </a></li></ul></div></li><li class="u8 act hasSub"><a href="/de/kontakt-service" > 6119 Kontakt & Service 6120 </a><div class="submenuWrap"><ul class="menu-lvl-2"><li class="back"><span>Back</span></li><li class="parent u8 act hasSub"><a href="/de/kontakt-service" > 6121 Kontakt & Service 6122 </a></li><li class="u63 "><a href="/de/kontakt-service/anreise-anfahrt" > 6123 Anreise & Anfahrt 6124 </a></li><li class="u10 "><a href="/de/kontakt-service/unverbindliche-anfrage" > 6125 Unverbindliche Anfrage 6126 </a></li><li class="u64 "><a href="https://onepagebooking.com/parkhotelgraz" target="_blank" rel="noopener nofollow"> 6127 Online Buchen 6128 </a></li><li class="u65 act cur"><a href="/de/kontakt-service/gutschein" > 6129 Gutscheine 6130 </a></li><li class="u68 "><a href="/de/kontakt-service/partner" > 6131 Partner 6132 </a></li><li class="u69 "><a href="/de/kontakt-service/jobs" > 6133 Jobs 6134 </a></li><li class="u70 "><a href="/de/kontakt-service/agbs-und-reiseruecktritt" > 6135 AGB's und Reiserücktritt 6136 </a></li></ul></div></li><li class="u414 "><a href="/de/kontakt-service/jobs" > 6137 Jobs 6138 </a></li></ul><div class="col-md-5 offset-md-2"><div class="address"><span class="org">Parkhotel Graz</span><br /> 6139 LeonhardstraÃe 8<br /> 6140 8010 Graz<br /><div class="calltoaction"><a href="tel:+43-316-3630-0" class="tel"><span>Telefon</span> +43 316 3630 0</a><br /><a href="mailto:[email protected]" class="email"><span>E-Mail</span> [email protected]</a></div></div><div class="sociallinks"><span class="head">Folgen Sie uns</span><ul><li class="u17"><a href="https://www.facebook.com/ParkhotelGraz/" target="_blank" rel="noopener nofollow" title="Facebook">Facebook</a></li><li class="u18"><a href="https://www.instagram.com/parkhotel_graz/" target="_blank" rel="noopener nofollow" title="Instagram">Instagram</a></li></ul></div></div><div class="betriebsLinks"><a href="https://www.kosmetik-florian.at/de/" target="_blank" class="kosmetikLink">Kosmetik</a><a href="https://www.florian-graz.at/de/" target="_blank" class="restaurantLink">Restaurant</a><a href="https://flora.parkhotel-graz.at/de/" target="_blank" class="barLink">Flora</a><a href="https://www.zurgoldenenbirn.at/de/" target="_blank" class="goldeneBirneLink">Zur Goldenen Birn</a></div></div></div></div></nav><div class="betriebsLinks"><a href="https://www.kosmetik-florian.at/de/" target="_blank" class="kosmetikLink">Kosmetik</a><a href="https://www.florian-graz.at/de/" target="_blank" class="restaurantLink">Restaurant</a><a href="https://flora.parkhotel-graz.at/de/" target="_blank" class="barLink">Flora</a><a href="https://www.zurgoldenenbirn.at/de/" target="_blank" class="goldeneBirneLink">Zur Goldenen Birn</a></div><div id="brand"><a href="/de/" title="Parkhotel Graz"></a></div><div class="header-buttons"><div class="hotline"><span class="label">T:</span><span><a href="tel:+43-316-3630-0">+43 316 3630 0</a></span></div><div class="hotline email"><span class="label">E:</span><span><a href="mailto:[email protected]">[email protected]</a></span></div><!-- 6141<div class="searchbutton"><a href="/de/kontakt-service/suche"><i></i><span>Suche</span></a></div><div id="search"><div class="container"><div class="smart-search default"><div class="search-field ui-front search-field-only"><form action="/de/kontakt-service/suche" data-syslanguageuid="" method="post" class="smart-search-form" autocomplete="off"><input type="text" name="q" id="tx-smartsearch-sword" placeholder="Suchbegriff eingeben" class="input-q"/><input type="submit" id="submit" name="Suchen" value="🔍" /></form></div><ul class="smartsearch-suggestions"></ul></div></div></div> 6142 6143--><nav id="lang"><span><i></i><span>
6143de</span></span><div class="dropdown"><ul><li class="cur"><span class="notranslate">Deutsch</span></li><li class=""><a href="/en/contact-service/voucher" hreflang="en" title="English" class="notranslate"> English</a></li></ul></div></nav><div class="quickform open"><span aria-label="Quickform Trigger"><i></i><span> 6144 Verfügbarkeit prüfen 6145 </span></span><form name="quickform" class="quickform-form" action="/de/kontakt-service/unverbindliche-anfrage" method="post"><div class="label"><label> 6146 Anfragen & Buchen 6147 </label></div><div class="row"><div class="col-6"><div class="submit booking"><a href="/de/kontakt-service/online-buchen" class="btn btn-secondary booking" 6148 data-action="booking" 6149 data-vendor="hotelnet" 6150 data-method="get" 6151 data-arrival-field="arrival" 6152 data-arrival-format="dd.mm.yy" 6153 data-departure-field="departure" 6154 data-departure-format="dd.mm.yy" 6155 6156 6157 > 6158 Buchen 6159 </a></div></div><div class="col-6"><div class="submit inquiry"><a href="/de/kontakt-service/unverbindliche-anfrage" class="btn btn-primary inquiry" 6160 data-action="inquiry" 6161 data-vendor="custom" 6162 data-method="post" 6163 data-arrival-field="f[date_arrival_alt]" 6164 data-arrival-format="dd. MM yy" 6165 data-departure-field="f[date_departure_alt]" 6166 data-departure-format="dd. MM yy" 6167 6168 > 6169 Anfragen 6170 </a></div></div></div></form></div></div></header> 6171 <main> 6172 <div class="media parallax"> 6173 <div class="canvas"> 6174 6175 6176<div class="media-item"><picture class="objectFit"><!--[if IE 9]><video style="display: none;"><![endif]--><source 6177 srcset="/fileadmin/_processed_/9/c/csm_PHGB-048_34a1933999.jpg" 6178 data-srcset="/fileadmin/_processed_/9/c/csm_PHGB-048_af46d2e3eb.jpg" 6179 media="(max-width: 767px)"><source 6180 srcset="/fileadmin/_processed_/9/c/csm_PHGB-048_c627d93a29.jpg" 6181 data-srcset="/fileadmin/_processed_/9/c/csm_PHGB-048_0a2d523ad4.jpg" 6182 media="(min-width: 768px) and (max-width: 991px)"><source 6183 srcset="/fileadmin/_processed_/9/c/csm_PHGB-048_7eb6e24a47.jpg" 6184 data-srcset="/fileadmin/_processed_/9/c/csm_PHGB-048_1d90b6ddaf.jpg" 6185 media="(min-width: 992px) and (max-width: 1301px)"><source 6186 srcset="/fileadmin/_processed_/9/c/csm_PHGB-048_8f3ae2c292.jpg" 6187 data-srcset="/fileadmin/_processed_/9/c/csm_PHGB-048_152b7325ff.jpg" 6188 media="(min-width: 1302px)"><!--[if IE 9]></video><![endif]--><img class="lazyload" 6189 src="/fileadmin/_processed_/9/c/csm_PHGB-048_7eb6e24a47.jpg" 6190 data-src="/fileadmin/_processed_/9/c/csm_PHGB-048_1d90b6ddaf.jpg" 6191 width="400" height="300" alt="Gutscheine für das Parkhotel Graz" title=""></picture><noscript><img src="/fileadmin/_processed_/9/c/csm_PHGB-048_1d90b6ddaf.jpg" 6192 alt="Gutscheine für das Parkhotel Graz"></noscript></div> 6193 6194 6195 <div class="slide-count"></div> 6196 </div> 6197 6198 </div> 6199 <div class="container"> 6200 <div class="row"> 6201 <div class="col-12 col-md-10 offset-md-1 col-lg-8 offset-lg-2"> 6202 6203 6204 6205 6206 6207 <ol id="breadcrumb" class="frame" itemscope itemtype="http://schema.org/BreadcrumbList"> 6208 6209 <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> 6210 <a itemprop="item" href="/de/"> 6211 <span itemprop="name">Parkhotel Graz</span> 6212 </a> 6213 <meta itemprop="position" content="1" /> 6214 </li> 6215 6216 <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> 6217 <a itemprop="item" href="/de/kontakt-service">
6218 <span itemprop="name">Kontakt & Service</span> 6219 </a> 6220 <meta itemprop="position" content="2" /> 6221 </li> 6222 6223 <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> 6224 <a itemprop="item" href="/de/kontakt-service/gutschein"> 6225 <span itemprop="name">Gutscheine</span> 6226 </a> 6227 <meta itemprop="position" content="3" /> 6228 </li> 6229 6230 </ol> 6231 6232 6233 6234 6235<header id="title"> 6236 6237 <p class="summary">Schöne Zeit verschenken</p> 6238 6239 <h1>Gutschein</h1> 6240 6241</header> 6242 6243 6244 6245<section id="c675" class="frame frame-default frame-type-text gutter-default frame-space-after-small "><p class="lead">Für jeden Anlass ein perfektes Geschenk â ein individueller Hotelgutschein für unser Haus, ein Genussgutschein für unser Restaurant Florian oder einen Verwöhngutschein für unser Kosmetikstudio. Beschenken Sie Ihre Liebsten mit Zeit in unserem exklusiven Haus.</p></section> 6246 6247 6248 6249 6250<section id="c463" class="frame frame-default frame-type-text gutter-default "><p>Sie haben dafür zwei Möglichkeiten: Sie können über den</p><p><strong><a href="https://parkhotelgraz.expressgutscheine.net" target="_blank" class="btn btn-primary">Gutschein-Shop</a></strong></p><p>schnell und einfach Ihre ganz persönlichen Wert-Gutscheine zusammenstellen. Besonders als Last Minute Geschenk ist das die perfekte Lösung, schlieÃlich können Sie den Gutschein nach Ihren Wünschen und Vorstellungen gestalten und gleich selbst ausdrucken.</p><p>Wenn Sie allerdings unseren persönlichen Rat benötigen, um die glücklichen Empfänger des Gutscheins mit besonderen Leistungen zu überraschen, dann gibt es noch eine weitere Möglichkeit:</p><p>Gerne erstellen wir einen Gutschein nach Ihren Wünschen. Kontaktieren Sie hierfür einfach unser Büro unter <a href="tel:+43-316-3630-26" target="_blank">+43 (0) 316 3630 26</a> oder <a href="mailto:[email protected]?subject=Gutschein">[email protected]</a>.</p></section> 6251 6252 6253 6254 </div> 6255 </div> 6256 6257 6258 6259<section id="c196" class="frame frame-default frame-type-voucher gutter-default "><div class="voucher"><div class="row"><span class="voucherImg"></span><div class="col-12 col-lg-8 offset-lg-2"><div class="voucherWrap"><span></span><div class="voucherText col-12"><p class="subtitle">Gutschein</p><h3>Momente schenken</h3></div><a href="/de/kontakt-service/gutschein" class="btn" aria-label="To the voucher page"></a></div></div></div></div></section> 6260 6261 6262 6263 6264 6265<section id="c224" class="frame frame-default frame-type-list gutter-default frame-space-after-none "><div class="sectionContentFooter"><div class="row"><span class="icon"></span><div class="col-12 col-sm-6 overviewItemFooter 6266 6267 odd" data-categories=" "><article><div class="image"><picture><!--[if IE 9]><video style="display: none;"><![endif]--><source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" 6268 data-srcset="/fileadmin/_processed_/e/d/csm_DSC01738_e17548103b.jpg" 6269 media="(max-width: 767px)"><source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" 6270 data-srcset="/fileadmin/_processed_/e/d/csm_DSC01738_c7cdf4f062.jpg" 6271 media="(min-width: 768px) and (max-width: 991px)"><source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" 6272 data-srcset="/fileadmin/_processed_/e/d/csm_DSC01738_65753a5cc5.jpg" 6273 media="(min-width: 992px) and (max-width: 1301px)"><source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" 6274 data-srcset="/fileadmin/_processed_/e/d/csm_DSC01738_390a792e54.jpg" 6275 media="(min-width: 1302px)"><!--[if IE 9]></video><![endif]--><img class="lazyload" 6276 src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" 6277 data-src="/fileadmin/_processed_/e/d/csm_DSC01738_65753a5cc5.jpg" 6278 width="400" height="300" alt="" title=""></picture><noscript><img src="/fileadmin/_processed_/e/d/csm_DSC01738_65753a5cc5.jpg" 6279 alt=""></noscript></div><div class="text"><div class="inner"><header><h2> 6280 6281 6282 Zimmer & Preise 6283 6284 6285 </h2></header><p class="description"><br /><br /><br /></p></div></div><a href="/de/zimmer-preise">Zimmer & Preise</a><span class="link"></span></article></div><div class="col-12 col-sm-6 overviewItemFooter 6286 even 6287 " data-categories=" "><article><div class="image"><picture><!--[if IE 9]><video style="display: none;"><![endif]--><source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" 6288 data-srcset="/fileadmin/_processed_/a/d/csm_DSC09020_09ae663b60.jpg" 6289 media="(max-width: 767px)"><source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" 6290 data-srcset="/fileadmin/_processed_/a/d/csm_DSC09020_dbdd8ee0b9.jpg" 6291 media="(min-width: 768px) and (max-width: 991px)"><source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" 6292 data-srcset="/fileadmin/_processed_/a/d/csm_DSC09020_11794eff72.jpg"
6293 media="(min-width: 992px) and (max-width: 1301px)"><source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" 6294 data-srcset="/fileadmin/_processed_/a/d/csm_DSC09020_19bf55c502.jpg" 6295 media="(min-width: 1302px)"><!--[if IE 9]></video><![endif]--><img class="lazyload" 6296 src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" 6297 data-src="/fileadmin/_processed_/a/d/csm_DSC09020_11794eff72.jpg" 6298 width="400" height="300" alt="" title=""></picture><noscript><img src="/fileadmin/_processed_/a/d/csm_DSC09020_11794eff72.jpg" 6299 alt=""></noscript></div><div class="text"><div class="inner"><header><h2> 6300 6301 6302 Kulinarik 6303 6304 6305 </h2></header><p class="description"><br /><br /><br /></p></div></div><a href="/de/kulinarik">Kulinarik</a><span class="link"></span></article></div></div></div></section> 6306 6307 6308 6309 </div> 6310</main> 6311 6312 6313<nav id="sitelinks"><ul><li class="u293"><a href="/de/kontakt-service/suche" title="Suche">Suche</a></li><li class="u14"><a href="/de/kontakt-service/unverbindliche-anfrage" title="Unverbindliche Anfrage">Unverbindliche Anfrage</a></li><li class="u15"><a href="/de/kontakt-service/impressum" title="Impressum">Impressum</a></li><li class="u16"><a href="/de/datenschutzerklaerung-oesterreich" title="Datenschutz">Datenschutz</a></li></ul></nav> 6314 6315 <footer id="footer" data-variant="Burger"> 6316 <div class="container"> 6317 6318<div id="brandFooter"> 6319 <a href="/de/" title="Parkhotel Graz" aria-label="Parkhotel Graz"> </a> 6320</div> 6321 6322 6323 6324 <div id="address"> 6325 <span class="fn org">Parkhotel Graz</span> 6326 <address> 6327 <div class="adr0"> 6328 <span class="street-address">LeonhardstraÃe 8</span> 6329 <span> 6330 <span class="postal-code">8010</span> 6331 <span class="locality">Graz</span> 6332 </span> 6333 6334 6335 6336 <div class="sociallinks"> 6337 <span class="head">Folgen Sie uns</span> 6338 <ul> 6339 6340 <li class="u17"> 6341 <a href="https://www.facebook.com/ParkhotelGraz/" target="_blank" rel="noopener nofollow" title="Facebook">Facebook</a> 6342 </li> 6343 6344 <li class="u18"> 6345 <a href="https://www.instagram.com/parkhotel_graz/" target="_blank" rel="noopener nofollow" title="Instagram">Instagram</a> 6346 </li> 6347 6348 </ul> 6349 </div> 6350 6351 6352 6353 </div> 6354 <div class="adr1 row"> 6355 <div class="col-12 col-sm-6"> 6356 <span class="head">Telefon</span> 6357 <a href="tel:+43-316-3630-0" class="tel">+43 316 3630 0</a> 6358 </div> 6359 <div class="col-12 col-sm-6"> 6360 <span class="head">E-Mail</span> 6361 <a href="mailto:[email protected]" class="email">[email protected]</a> 6362 </div> 6363 </div> 6364 </address> 6365 </div> 6366 6367 </div> 6368 </footer> 6369 6370 <a id="econcierge" class="btn btn-secondary" href="https://parkhotel-graz.simplyai.at/?is-in-website=true" onclick="return !window.open(this.href, 'E-Concierge', 'width=500,height=500')" target="_blank"> 6371 <span> 6372 <img src="/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Images/concierge.svg" loading="lazy" width="28" height="28" alt="Concierge Icon"> 6373 </span> 6374 E-Concierge 6375 </a> 6376 6377 6378 6379 6380 6381 6382<a href="https://www.go-west.at/" title="GO.WEST Communications GmbH - Internetagentur, Salzburg, Ãsterreich" target="_blank" class="white" id="gowest" rel="noopener nofollow"><div class="container"><section>made with passion by <span>GO.WEST <img class="lazyload" 6383 src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" 6384 data-src="/typo3conf/ext/gowest_theme/Resources/Public/Icons/Content/gowest.svg" 6385 alt="GO.WEST Communications GmbH" width="104" height="20" /></span></section></div></a> 6386 6387 6388 6389 6390 6391
6391<script type="application/ld+json"> 6392{ 6393 "@context": "http://schema.org", 6394 "@graph": [ 6395 6396 { 6397 "@type": "Hotel", 6398 "@id": "https://www.parkhotel-graz.at/de/#organization", 6399 "name": "Parkhotel Graz", 6400 "description": "Sie suchen ein stilvolles 4 Sterne Superior Hotel in Graz? Das Parkhotel Graz â ist Ihr luxuriöses Hotel direkt im Zentrum.", 6401 "url": "https://www.parkhotel-graz.at/de/", 6402 "logo": "https://www.parkhotel-graz.at/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/Images/brand/small/logo-parkhotel-graz.svg", 6403 "sameAs": [ 6404 "https://www.facebook.com/ParkhotelGraz/", 6405 "https://www.instagram.com/parkhotel_graz/" 6406 ], 6407 "image": "https://www.parkhotel-graz.at/fileadmin/_processed_/6/a/csm_aussen_1_496e74b3af.jpg", 6408 "starRating": { "@type": "Rating", "ratingValue": "4" }, 6409 "priceRange": "â¬â¬â¬" 6410 6411 , 6412 "telephone": "+43-316-3630-0", 6413 "email": "[email protected]", 6414 "address": { 6415 "@type": "PostalAddress", 6416 "streetAddress": "LeonhardstraÃe 8", 6417 "postalCode": "8010", 6418 "addressLocality": "Graz", 6419 "addressCountry": "AT" 6420 } 6421 } 6422 ] 6423} 6424</script>
6424 6425 6426 6427 6428</div> 6429 6430 6431 6432 6433 6434 6435 6436 6437 6438 6439 6440 6441 6442 6443 6444 6445 <!-- --> 6446 6447 6448 6449 6450 6451 6452 6453 6454 6455 6456 6457 6458 6459 <!-- --> 6460 6461 6462 6463 6464 6465 6466 <!-- -->
6467<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" type="text/javascript"></script>
vendor: 1 bytes, line 6467
6467
6468<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js" type="text/javascript"></script>
vendor: 1 bytes, line 6468
6468
6469<script src="/typo3conf/ext/gowest_theme/Resources/Public/JavaScript/Dist/cssrelpreload.js?1563517125" type="text/javascript"></script>
vendor: 1 bytes, line 6469
6469
6470<script src="/typo3conf/ext/gowest_theme/Resources/Public/JavaScript/Dist/picturefill.min.js?1563517125" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 6470
6470
6471<script src="/typo3conf/ext/gowest_theme/Resources/Public/JavaScript/Dist/ofi.min.js?1563517125" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 6471
6471
6472<script src="/typo3conf/ext/gowest_theme/Resources/Public/JavaScript/Dist/lazysizes.min.js?1563517125" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 6472
6472
6473<script src="/typo3conf/ext/gowest_theme/Resources/Public/JavaScript/Dist/object-fit-videos.min.js?1563517125" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 6473
6473
6474<script src="/typo3conf/ext/gowest_theme/Resources/Public/JavaScript/Dist/jquery.cycle2.min.js?1563517125" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 6474
6474
6475<script src="/typo3conf/ext/gowest_theme/Resources/Public/JavaScript/Dist/flickity.pkgd.min.js?1563517125" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 6475
6475
6476<script src="/typo3conf/ext/gowest_theme/Resources/Public/JavaScript/Dist/flickity-fade.min.js?1563517125" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 6476
6476
6477<script src="/typo3conf/ext/go_forms/Resources/Public/Js/form.js?1773831686" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 6477
6477
6478<script src="/typo3conf/ext/gowest_theme/Resources/Public/JavaScript/Dist/fixes.js?1563517125" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 6478
6478
6479<script src="/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/JavaScript/Dist/header.js?1774854171" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 6479
6479
6480<script src="/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/JavaScript/Dist/media.js?1785316647" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 6480
6480
6481<script src="/typo3conf/ext/gowest_theme/Resources/Public/JavaScript/Dist/table.js?1563517125" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 6481
6481
6482<script src="/typo3conf/ext/image_zoom/Resources/Public/js/jquery.swipebox.min.js?1563517125" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 6482
6482
6483<script src="/typo3conf/ext/image_zoom/Resources/Public/js/functions.js?1563517125" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 6483
6483
6484<script src="/typo3conf/ext/hotelnet_solutions/Resources/Public/js/default.js?1710246476" type="text/javascript"></script>
vendor: 1 bytes, line 6484
6484
6485<script src="/typo3conf/ext/smart_search/Resources/Public/js/default.js?1564730182" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 6485
6485
6486<script src="/typo3conf/ext/gowest_theme/Resources/Public/JavaScript/Dist/scrollToContent.js?1753105881" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 6486
6486
6487<script src="/typo3conf/ext/gowest_theme/Resources/Public/JavaScript/Dist/lang.js?1563517125" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 6487
6487
6488<script src="/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/JavaScript/Dist/flickity.pkgd.min.js?1550485422" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 6488
6488
6489<script src="/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/JavaScript/Dist/newsletterajax.js?1678451519" type="text/javascript"></script>
vendor: 1 bytes, line 6489
6489
6490<script src="/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/JavaScript/Dist/gutscheinteaser.js?1580984073" type="text/javascript"></script>
vendor: 1 bytes, line 6490
6490
6491<script src="/typo3conf/ext/zz_gowest_theme_parkhotelgraz/Resources/Public/JavaScript/Dist/accessibility.js?1753171103" type="text/javascript" defer="defer"></script>
6491 6492 6493
6494<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"0d708f8566674d66b2707cd6098b5e96","r":1,"spa":2}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 6494
6494
6495<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a4517a7e280b607d',t:'MTc5MTA4ODUxMQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
6495</body> 6496</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.