/* Extra small devices (phones, less than 768px) */ /* No media query since this is the default in Bootstrap */  /* Small devices (Extra small devices, lower than 768px) */ html { font-family: Roboto, AlNile, Arial; width: 100%; } body { font-family: Roboto, AlNile, Arial; color: #7e7e7e; width: 100%; } @media (max-width: 767px) { .show-xs { display: block !important; } .show-sm { display: none !important; } .show-md { display: none !important; } .show-lg { display: none !important; } .hidden-xs { display: none !important; } .hidden-sm { display: block; } .hidden-md { display: block; } .hidden-lg { display: block; } .hidden-xs-down { display: none !important; } .hidden-sm-down { display: none !important; } .hidden-md-down { display: none !important; } .hidden-lg-down { display: none !important; } .hidden-xs-up { display: none !important; } .hidden-sm-up { display: block; } .hidden-md-up { display: block; } .hidden-lg-up { display: block; } .container { width: 320px; max-width: 320px; } html { min-width: 320px; } body { min-width: 320px; } }  /* Small devices (tablets, 768px and up) */ @media (min-width: 768px) and (max-width: 991px) { .show-xs { display: none !important; } .show-sm { display: block !important; } .show-md { display: none !important; } .show-lg { display: none !important; } .hidden-xs { display: block; } .hidden-sm { display: none !important; } .hidden-md { display: block; } .hidden-lg { display: block; } .hidden-xs-down { display: block; } .hidden-sm-down { display: none !important; } .hidden-md-down { display: none !important; } .hidden-lg-down { display: none !important; } .hidden-xs-up { display: none !important; } .hidden-sm-up { display: none !important; } .hidden-md-up { display: block; } .hidden-lg-up { display: block; } }  /* Medium devices (desktops, 992px and up) */ @media (min-width: 992px) and (max-width: 1199px) { .show-xs { display: none !important; } .show-sm { display: none !important; } .show-md { display: block !important; } .show-lg { display: none !important; } .hidden-xs { display: block; } .hidden-sm { display: block ; } .hidden-md { display: none !important; } .hidden-lg { display: block; } .hidden-xs-down { display: block; } .hidden-sm-down { display: block; } .hidden-md-down { display: none !important; } .hidden-lg-down { display: none !important; } .hidden-xs-up { display: none !important; } .hidden-sm-up { display: none !important; } .hidden-md-up { display: none !important; } .hidden-lg-up { display: block; } }  /* Large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { .show-xs { display: none !important; } .show-sm { display: none !important; } .show-md { display: none !important; } .show-lg { display: block !important; } .hidden-xs { display: block; } .hidden-sm { display: block; } .hidden-md { display: block; } .hidden-lg { display: none !important; } .hidden-xs-down { display: block; } .hidden-sm-down { display: block; } .hidden-md-down { display: block; } .hidden-lg-down { display: none !important; } .hidden-xs-up { display: none !important; } .hidden-sm-up { display: none !important; } .hidden-md-up { display: none !important; } .hidden-lg-up { display: none !important; } .container { width: 1024px; max-width: 1024px; } }  @font-face { font-family: 'Orienta'; src: url('/fonts/orienta-regular-webfont.eot'); src: url('/fonts/orienta-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/orienta-regular-webfont.woff2') format('woff2'), url('/fonts/orienta-regular-webfont.woff') format('woff'), url('/fonts/orienta-regular-webfont.ttf') format('truetype'), url('/fonts/orienta-regular-webfont.svg#orientaregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto Thin'; src: url('/fonts/roboto-thin-webfont.eot'); src: url('/fonts/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/roboto-thin-webfont.woff2') format('woff2'), url('/fonts/roboto-thin-webfont.woff') format('woff'), url('/fonts/roboto-thin-webfont.ttf') format('truetype'), url('/fonts/roboto-thin-webfont.svg#robotothin') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto Light'; src: url('/fonts/roboto-light-webfont.eot'); src: url('/fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/roboto-light-webfont.woff2') format('woff2'), url('/fonts/roboto-light-webfont.woff') format('woff'), url('/fonts/roboto-light-webfont.ttf') format('truetype'), url('/fonts/roboto-light-webfont.svg#robotolight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto Medium'; src: url('/fonts/roboto-medium-webfont.eot'); src: url('/fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/roboto-medium-webfont.woff2') format('woff2'), url('/fonts/roboto-medium-webfont.woff') format('woff'), url('/fonts/roboto-medium-webfont.ttf') format('truetype'), url('/fonts/roboto-medium-webfont.svg#robotomedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('/fonts/roboto-regular-webfont.eot'); src: url('/fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/roboto-regular-webfont.woff2') format('woff2'), url('/fonts/roboto-regular-webfont.woff') format('woff'), url('/fonts/roboto-regular-webfont.ttf') format('truetype'), url('/fonts/roboto-regular-webfont.svg#robotoregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto Bold'; src: url('/fonts/roboto-bold-webfont.eot'); src: url('/fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/roboto-bold-webfont.woff2') format('woff2'), url('/fonts/roboto-bold-webfont.woff') format('woff'), url('/fonts/roboto-bold-webfont.ttf') format('truetype'), url('/fonts/roboto-bold-webfont.svg#robotobold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto Black'; src: url('/fonts/roboto-black-webfont.eot'); src: url('/fonts/roboto-black-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/roboto-black-webfont.woff2') format('woff2'), url('/fonts/roboto-black-webfont.woff') format('woff'), url('/fonts/roboto-black-webfont.ttf') format('truetype'), url('/fonts/roboto-black-webfont.svg#robotoblack') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto Black Italic'; src: url('/fonts/roboto-blackitalic-webfont.eot'); src: url('/fonts/roboto-blackitalic-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/roboto-blackitalic-webfont.woff2') format('woff2'), url('/fonts/roboto-blackitalic-webfont.woff') format('woff'), url('/fonts/roboto-blackitalic-webfont.ttf') format('truetype'), url('/fonts/roboto-blackitalic-webfont.svg#robotoblack_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto Bold Italic'; src: url('/fonts/roboto-bolditalic-webfont.eot'); src: url('/fonts/roboto-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/roboto-bolditalic-webfont.woff2') format('woff2'), url('/fonts/roboto-bolditalic-webfont.woff') format('woff'), url('/fonts/roboto-bolditalic-webfont.ttf') format('truetype'), url('/fonts/roboto-bolditalic-webfont.svg#robotobold_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto Light Italic'; src: url('/fonts/roboto-lightitalic-webfont.eot'); src: url('/fonts/roboto-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/roboto-lightitalic-webfont.woff2') format('woff2'), url('/fonts/roboto-lightitalic-webfont.woff') format('woff'), url('/fonts/roboto-lightitalic-webfont.ttf') format('truetype'), url('/fonts/roboto-lightitalic-webfont.svg#robotolight_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto Medium Italic'; src: url('/fonts/roboto-mediumitalic-webfont.eot'); src: url('/fonts/roboto-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/roboto-mediumitalic-webfont.woff2') format('woff2'), url('/fonts/roboto-mediumitalic-webfont.woff') format('woff'), url('/fonts/roboto-mediumitalic-webfont.ttf') format('truetype'), url('/fonts/roboto-mediumitalic-webfont.svg#robotomedium_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto Italic'; src: url('/fonts/roboto-italic-webfont.eot'); src: url('/fonts/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/roboto-italic-webfont.woff2') format('woff2'), url('/fonts/roboto-italic-webfont.woff') format('woff'), url('/fonts/roboto-italic-webfont.ttf') format('truetype'), url('/fonts/roboto-italic-webfont.svg#robotoitalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto Thin Italic'; src: url('/fonts/roboto-thinitalic-webfont.eot'); src: url('/fonts/roboto-thinitalic-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/roboto-thinitalic-webfont.woff2') format('woff2'), url('/fonts/roboto-thinitalic-webfont.woff') format('woff'), url('/fonts/roboto-thinitalic-webfont.ttf') format('truetype'), url('/fonts/roboto-thinitalic-webfont.svg#robotothin_italic') format('svg'); font-weight: normal; font-style: normal; } .img-responsive { width: 100%; } a:focus,a:active,a { outline: none; } .screen-indentifier { position: absolute; display: none; top: 0px; left: 0px; width: 1px; height: 1px; z-index: 10000; background-color: transparent; } table .img-responsive { width: 100%; } .ff-roboto-black { font-family: "Roboto Black", AlNile-Bold, Arial; } .ff-orienta { font-family: Orienta, AlNile, Arial; } .color-blue { color: #0097b2; } :focus { outline: none; } :active { outline: none; } .hidden { visibility: hidden; } .fs-12 { font-size: 12px; } .fs-14 { font-size: 14px; } .fs-16 { font-size: 16px; } .fs-18 { font-size: 18px; } .fs-21 { font-size: 18px; } .fs-24 { font-size: 24px; } .fs-36 { font-size: 36px; } .fs-40 { font-size: 40px; } .fc-blue { color: #0097b2; } .fc-black { color: #000000; } .fc-white { color: #ffffff; } .fc-gray { color: #7e7e7e; }  .float-left { float: left; } .float-right { float: right; } .float-none { float: none; } .clear { clear: both; } .ta-center { text-align: center; } .ta-left { text-align: left; } .ta-right { text-align: right; } .ma-10 { margin: 10px; } .clickable { cursor: pointer; }  .triangle-border { position:relative; padding:15px; margin:1em 0 3em; border:5px solid #c7c7c7; color:#333; background:#fff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } .triangle-border.left { margin-left:30px; } .triangle-border.right { margin-right:30px; } .triangle-border:before { content:""; position:absolute; bottom:-20px; left:40px; border-width:20px 20px 0; border-style:solid; border-color:#c7c7c7 transparent; display:block; width:0; } .triangle-border:after { content:""; position:absolute; bottom:-13px; left:47px; border-width:13px 13px 0; border-style:solid; border-color:#fff transparent; display:block; width:0; } .triangle-border.top:before { top:-20px; bottom:auto; left:auto; right:40px; border-width:0 20px 20px; } .triangle-border.top:after { top:-13px; bottom:auto; left:auto; right:47px; border-width:0 13px 13px; } .triangle-border.left:before { top:10px; bottom:auto; left:-30px; border-width:15px 30px 15px 0; border-color:transparent #c7c7c7; } .triangle-border.left:after { top:16px; bottom:auto; left:-21px; border-width:9px 21px 9px 0; border-color:transparent #fff; } .triangle-border.right:before { top:10px; bottom:auto; left:auto; right:-30px; border-width:15px 0 15px 30px; border-color:transparent #c7c7c7; } .triangle-border.right:after { top:16px; bottom:auto; left:auto; right:-21px; border-width:9px 0 9px 21px; border-color:transparent #fff; }  /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #66c8dc; }  /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: -15px; background: url(/jquery.bxslider/images/controls.png) no-repeat 0 -32px; } .bx-wrapper .bx-next { right: -15px; background: url(/jquery.bxslider/images/controls.png) no-repeat -43px -32px; } .bx-wrapper .bx-prev:hover { background-position: 0 0; } .bx-wrapper .bx-next:hover { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; }  #logo { position: absolute; top: 0px; left: 0px; background-repeat: no-repeat; background-image: url(/images/logo.jpg); height: 114px; width: 228px; margin-left: -10px; cursor: pointer; } .screenxs #logo { margin-left: 0px; } /* .screenxs #logo { margin-left: 0px; background-image: url(/images/logo-xs.jpg); height: 114px; width: 90px; } */ .screensm #logo { margin-left: 0px; } .header { margin-top: 19px; } #header { position: relative; height: 69px; text-align: right; } #top-menu { height: 69px; } #header-top { position: absolute; top: 0px; left: 0px; height: 69px; width: 100%; /*min-width: 750px;*/ background-color: #ffffff; border-bottom: 1px solid #dcdcdc; } #header-bottom { position: absolute; top: 70px; left: 0px; height: 44px; width: 100%; /*min-width: 750px;*/ background: #fcfcfc; /* Old browsers */ background: -moz-linear-gradient(top, #fcfcfc 0%, #e1e1e1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fcfcfc 0%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fcfcfc 0%,#e1e1e1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fcfcfc 0%,#e1e1e1 100%); /* IE10+ */ background: linear-gradient(to bottom, #fcfcfc 0%,#e1e1e1 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */ } #header-submenu { position: absolute; top: 114px; left: 0px; height: 42px; width: 100%; /*min-width: 750px;*/ background: none; } #header-submenu.blue { background: #00b0cf; background: linear-gradient(top, #00b0cf 0%, #01a1bd 100%); background: -moz-linear-gradient(top, #00b0cf 0%, #01a1bd 100%); background: -webkit-linear-gradient(top, #00b0cf 0%, #01a1bd 100%); background: -ms-linear-gradient(top, #00b0cf 0%, #01a1bd 100%); background: -o-linear-gradient(top, #00b0cf 0%, #01a1bd 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00b0cf, endColorstr=#01a1bd,GradientType=0); } #slider { position: absolute; top: 113px; height: 519px; width: 100%; /*min-width: 750px;*/ background-image: url(/images/slider/1.png); background-position: top center; background-repeat: no-repeat; background-size: 1920px; } #slider .slider-text { position: absolute; } .screenxs #slider .slider-text { display: none; }  #slider .slider-text-1 { font-family: "Roboto"; font-size: 60px; line-height: 60px; color: #ffffff; text-shadow: 3px 3px 1px #888888; padding: 10px; top: 130px; right: -10px; background: rgba(0, 0, 0, 0.5); border-radius: 10px; -moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6); -webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6); box-shadow: 5px 5px 5px rgba(68,68,68,0.6); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30); -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)"; zoom: 1; } .screenxs #slider .slider-text-1 { right: 10px; } .screensm #slider .slider-text-1 { right: 10px; } #slider .slider-text-1 strong { font-family: "Roboto Black"; } #slider .slider-text-1 h1,#slider .slider-text-1 .h1 { font-family: "Roboto Black"; font-size: 60px; margin: 0px; } #slider .slider-text-1 .klein { font-size: 36px; }  #slider .slider-text-2 { font-family: "Roboto"; font-size: 60px; line-height: 60px; color: #ffffff; text-shadow: 3px 3px 1px #888888; padding: 10px; top: 130px; right: -10px; background: rgba(0, 0, 0, 0.5); border-radius: 10px; -moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6); -webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6); box-shadow: 5px 5px 5px rgba(68,68,68,0.6); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30); -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)"; zoom: 1; } .screenxs #slider .slider-text-2 { right: 10px; } .screensm #slider .slider-text-2 { right: 10px; } #slider .slider-text-2 strong { font-family: "Roboto Black"; } #slider .slider-text-2 h1,#slider .slider-text-2 .h1 { font-family: "Roboto Black"; font-size: 60px; margin: 0px; } #slider .slider-text-2 .klein { font-size: 36px; }  #slider .slider-text-3 { font-family: "Roboto"; font-size: 60px; line-height: 60px; color: #ffffff; text-shadow: 3px 3px 1px #888888; padding: 10px; top: 130px; right: -10px; background: rgba(0, 0, 0, 0.5); border-radius: 10px; -moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6); -webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6); box-shadow: 5px 5px 5px rgba(68,68,68,0.6); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30); -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)"; zoom: 1; } .screenxs #slider .slider-text-3 { right: 10px; } .screensm #slider .slider-text-3 { right: 10px; } #slider .slider-text-3 strong { font-family: "Roboto Black"; } #slider .slider-text-3 h1,#slider .slider-text-3 .h1 { font-family: "Roboto Black"; font-size: 60px; margin: 0px; } #slider .slider-text-3 .klein { font-size: 36px; }  #slider .slider-text-4 { font-family: "Roboto"; font-size: 60px; line-height: 60px; color: #ffffff; text-shadow: 3px 3px 1px #888888; padding: 10px; top: 130px; right: -10px; background: rgba(0, 0, 0, 0.5); border-radius: 10px; -moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6); -webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6); box-shadow: 5px 5px 5px rgba(68,68,68,0.6); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30); -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)"; zoom: 1; } .screenxs #slider .slider-text-4 { right: 10px; } .screensm #slider .slider-text-4 { right: 10px; } #slider .slider-text-4 strong { font-family: "Roboto Black"; } #slider .slider-text-4 h1,#slider .slider-text-4 .h1 { font-family: "Roboto Black"; font-size: 60px; margin: 0px; } #slider .slider-text-4 .klein { font-size: 36px; }  #slider-content { position: absolute; top: 156px; height: 519px; width: 100%; /*min-width: 750px;*/ /*background-image: url(/images/header-background.png);*/ background-image: url(/images/header-background.webp); background-position: top center; background-repeat: no-repeat; /*background-size: 1888px;*/ background-size: 100%; } #slider-spacer { height: 332px; } .screenxs #slider-spacer { height: 75px; } #kontaktbackground { position: relative; width: 100%; height: 339px; padding-top: 45px; background-image: url(/images/footer-background.jpg); background-repeat: repeat-x; } #kontaktbackground .kontaktheader { padding-top: 10px; padding-bottom: 20px; display: inline-block; } #kontaktbackground #kontakt { position: relative; height: 339px; } #kontaktbackground #kontakt a { color: inherit; text-decoration: inherit; } #kontaktbackground #kontakt td div.spacer { height: 80px; width: 1px; background-image: url(/images/kontakt-spacer.jpg); margin-left: 69px; margin-right: 69px; } .screensm #kontaktbackground #kontakt td div.spacer { margin-left: 20px; margin-right: 20px; } .screenxs #kontaktbackground #kontakt td div.spacer { margin-left: 20px; margin-right: 20px; }  .trennliniebackground { position: relative; width: 100%; height: 76px; background-image: url(/images/trennlinie-footer.jpg); background-position: top center; }  #header a { color: inherit; text-decoration: inherit; } .screensm #header { margin-right: -20px; } .screenmd #header { margin-right: -20px; } .screenlg #header { margin-right: -20px; } #header #serviceemail { position: relative; margin-top: 20px; height: 49px; line-height: 15px; text-align: right; } #header #servicerufnummer { position: relative; margin-top: 20px; height: 49px; line-height: 15px; text-align: right; } #header #ausgezeichnet { position: relative; margin-top: 20px; height: 49px; line-height: 15px; text-align: left; /*font-family: "Roboto Italic", AlNile, Arial;*/ font-family: "Roboto", AlNile, Arial; font-style: italic; font-size: 11px; } #header #sprache { position: relative; margin-top: 25px; height: 44px; line-height: 15px; text-align: right; } #header .trennlinie { position: relative; margin-top: 0px; width: 1px; height: 69px; margin: 0px 22px 0px 22px; background-image: url(/images/header-trennlinie.jpg); }   /************** * Preispfeil * **************/ .preis-anmelde-pfeil { white-space: nowrap; display: inline-block; text-align: left; } .preis-anmelde-pfeil.rechts { text-align: right; } .preis-anmelde-pfeil div.preis { color: #ffffff; height: 73px; font-size: 40px; font-family: "Roboto Black", AlNile, Arial; padding: 15px 45px 0px 45px; line-height: 50%; text-align: left; text-shadow: 3px 3px 1px #888888; float: left; text-align: left; } .screenxs .preis-anmelde-pfeil div.preis { padding: 23px 20px 0px 20px; font-size: 20px; line-height: 70%; } .screensm .preis-anmelde-pfeil div.preis { padding: 15px 20px 0px 20px; } .preis-anmelde-pfeil.rechts div.preis { float: right; text-align: right; } .preis-anmelde-pfeil div.preis .mwst { font-family: "Roboto", AlNile, Arial; font-size: 10px; text-shadow: none; } .preis-anmelde-pfeil div.preis.blue { background-color: #60c3d8; background-image: url(/images/home-packages-preis-blue.png); } .preis-anmelde-pfeil div.preis-pfeil { height: 73px; width: 23px; background-image: url(/images/home-packages-pfeil-blue-l.png); float: left; margin-left: -1px; } .preis-anmelde-pfeil.rechts div.preis-pfeil.blue { background-color: #60c3d8; background-image: url(/images/home-packages-pfeil-blue-r.png); float: right; margin-right: -1px; } .preis-anmelde-pfeil div.anmelden { background-image: url(/images/home-packages-anmelden-grau.png); color: #8d8d8d; height: 73px; padding: 21px 25px 0px 25px; text-shadow: 2px 2px 1px #ffffff; font-family: "Roboto", AlNile, Arial; font-size: 18px; font-weight: bold; } .screenxs .preis-anmelde-pfeil div.anmelden { font-size: 12px; } .screensm .preis-anmelde-pfeil div.anmelden { padding: 21px 10px 0px 10px; } .screenxs .preis-anmelde-pfeil div.anmelden { padding: 21px 10px 0px 10px; } .preis-anmelde-pfeil div.anmelden a { color: inherit; text-decoration: inherit; } .preis-anmelde-pfeil div.anmelden a:hover { color: #5f5f5f; } .preis-anmelde-pfeil div.anmelden .mehrinfotext { display: block; margin-top: -8px; font-family: "Roboto", AlNile, Arial; font-size: 10px; text-shadow: none; } .preis-anmelde-pfeil div.anmelden { float: left; } .preis-anmelde-pfeil div.anmelden { float: right; } .preis-anmelde-pfeil div.anmelden-pfeil { color: #ffffff; height: 73px; width: 22px; background-image: url(/images/home-packages-anmelden-pfeil-grau-l.png); float: left; margin-left: -1px; } .preis-anmelde-pfeil.rechts div.anmelden-pfeil { background-image: url(/images/home-packages-anmelden-pfeil-grau-r.png); float: right; margin-right: -1px; }   .option-pfeil { position: relative; display: table-row; clear: both; margin-bottom: 10px; } .option-pfeil div.text { color: #ffffff; height: 36px; font-size: 18px; font-family: "Roboto", AlNile, Arial; padding: 12px 13px 0px 13px; line-height: 50%; text-align: left; background-color: #60c3d8; float: left; } .option-pfeil.rechts div.text { float: right; } .option-pfeil div.text-pfeil { height: 36px; width: 10px; background-image: url(/images/option-pfeil-l.png); float: left; } .option-pfeil.rechts div.text-pfeil { background-image: url(/images/option-pfeil-r.png); float: right; }    .home-packages { position: relative; width: 100%; border: 1px solid #dfdfdf; padding: 30px; margin-bottom: 55px; box-shadow: 5px 5px 5px #dfdfdf; } .screenxs .home-packages { padding: 10px; } .home-packages ul.spalten { display: table; table-layout: auto; list-style: none; margin: 0px; padding: 0px; width: 100%; } .home-packages ul.spalten > li { display: table-cell; margin: 0px; padding: 0px; line-height: 180%; } .home-packages ul.spalten > li:first-child { text-align: left; } .home-packages ul.spalten > li.text { vertical-align: top; } .home-packages ul.spalten > li.text p { text-align: justify; } .home-packages ul.spalten > li:last-child { padding-left: 20px; text-align: right; } .screenxs .home-packages ul.spalten > li:last-child { padding-left: 0px; } .home-packages ul.spalten > li.bild { vertical-align: middle; width: 33%; } .home-packages ul.spalten > li.bild > img { margin: 0px; } .home-packages h2 { font-family: Roboto, AlNile, Arial; font-size: 48px; margin-top: 0px; color: #7f7f7f; } .screenxs .home-packages h2 { font-size: 28px; }  .screenxs .home-packages ul.spalten > li div.preis-anmelde-pfeil div.preis { padding: 20px 5px 0px 5px; } .home-packages ul.spalten > li:first-child div.preis-anmelde-pfeil div.preis { float: left; margin-left: -32px; } .screenxs .home-packages ul.spalten > li:first-child div.preis-anmelde-pfeil div.preis { margin-left: -11px; } .home-packages ul.spalten > li:last-child div.preis-anmelde-pfeil div.preis { float: right; margin-right: -31px; } .screenxs .home-packages ul.spalten > li:last-child div.preis-anmelde-pfeil div.preis { margin-right: -11px; } .home-packages ul.spalten > li:first-child div.preis-anmelde-pfeil div.preis-pfeil.blue { background-image: url(/images/home-packages-pfeil-blue-l.png); float: left; } .home-packages ul.spalten > li:last-child div.preis-anmelde-pfeil div.preis-pfeil.blue { background-image: url(/images/home-packages-pfeil-blue-r.png); float: right; }.screenxs .home-packages ul.spalten > li div.preis-anmelde-pfeil div.anmelden { padding-left: 3px; padding-right: 3px; } .home-packages ul.spalten > li:first-child div.preis-anmelde-pfeil div.anmelden { float: left; } .home-packages ul.spalten > li:last-child div.preis-anmelde-pfeil div.anmelden { float: right; } .home-packages ul.spalten > li:first-child div.preis-anmelde-pfeil div.anmelden-pfeil { background-image: url(/images/home-packages-anmelden-pfeil-grau-l.png); float: left; } .home-packages ul.spalten > li:last-child div.preis-anmelde-pfeil div.anmelden-pfeil { background-image: url(/images/home-packages-anmelden-pfeil-grau-r.png); float: right; }  .menu1sm { position: absolute; top: 70px; left: 0px; z-index: 10000; } #menu-sm { margin-top: 30px; margin-left: -20px; float: left; } .screenxs #menu-sm { margin-top: 35px; margin-left: -20px; float: left; } #menu-sm .dropdown,#menu-sm .dropdown a { /*	font-size: 30px; line-height: 45px; */ } #menu-sm .menu-icon,#menu-sm .menu-icon:hover,#menu-sm .menu-icon:active { color: #ffffff; background-color: transparent; /*	font-size: 30px;*/ } #menu-sm:hover .menu-icon,#menu-sm .menu-icon:hover,#menu-sm .menu-icon:active { color: #008198; } #menu-sm .dropdown-menu,#menu-sm .dropdown-submenu { background-color: #00adcc; color: #ffffff; } #menu-sm .dropdown-menu a,#menu-sm .dropdown-submenu a { background-color: #00adcc; color: #ffffff; padding-right: 20px; cursor: pointer; } #menu-sm .dropdown-menu a:hover,#menu-sm .dropdown-submenu a:hover { background-color: #008198; } #menu-sm .dropdown-menu.open > a,#menu-sm .dropdown-submenu.open > a { background-color: #008198; } #menu-sm .dropdown-submenu { position:relative; } #menu-sm .dropdown-submenu>.dropdown-menu{ top:0; left:100%; margin-top:-6px; margin-left:-1px; -webkit-border-radius:0 6px 6px 6px; -moz-border-radius:0 6px 6px 6px; border-radius:0 6px 6px 6px; } #menu-sm .dropdown-submenu>a:after{ display:inline-block; content:" "; float:right; width:0; height:0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #cccccc; margin-top: 3px; margin-right: -10px; } #menu-sm .dropdown-submenu:hover>a:after{ border-left-color:#555; } #menu-sm .dropdown-submenu.pull-left{ float:none; } #menu-sm .dropdown-submenu.pull-left>.dropdown-menu{ left:-100%; margin-left:10px; -webkit-border-radius:6px 0 6px 6px; -moz-border-radius:6px 0 6px 6px; border-radius:6px 0 6px 6px; }  #menu { list-style: none; margin: 0px; margin-right: -20px; padding: 0px; float: none; } #menu > li { margin: 0px; padding: 0px; height: 45px; float: right; cursor: pointer; } #menu > li a { color: inherit; text-decoration: inherit; } #menu > li > div.trennlinie { position: absolute; right: 0px; height: 16px; border-right: 1px solid #d1d1d1; top: 15px; } #menu > li > div.text { position: relative; width: 100%; height: 100%; font-family: "Roboto Black", AlNile-Bold, Arial; font-size: 14px; padding: 13px 19px 0px 19px; color: #7e7e7e; } #menu > li:hover > div.text,#menu > li.aktiv > div.text,#menu > li.hover > div.text { color: #ffffff; } #menu > li:hover > div.trennlinie,#menu > li.aktiv > div.trennlinie,#menu > li.hover > div.trennlinie { border-right: none; } #menu > li:hover > div.text:before,#menu > li.aktiv > div.text:before,#menu > li.hover > div.text:before { width: 0; content: ''; position: absolute; top: 0; right: 0; border-top: 18px solid #f5f5f5; } #menu > li:hover,#menu > li.aktiv,#menu > li.hover { background-color: #00b0cf; } #menu > li:hover > div.text:before,#menu > li.aktiv > div.text:before,#menu > li.hover > div.text:before { border-left: 18px solid #00b0cf; } #menu > li:first-child { } #menu > li:first-child > div.text { border-right: none; } #menu > li:first-child > div.trennlinie { border-right: none; }   .submenu { list-style: none; margin: 0px; padding: 0px; display: none; } .submenu > li { margin: 0px; padding: 0px; height: 41px; float: left; cursor: pointer; } .submenu > li a { color: inherit; text-decoration: inherit; } .submenu > li > div.text { position: relative; width: 100%; height: 100%; font-family: "Orienta", AlNile-Bold, Arial; font-size: 14px; padding: 13px 19px 0px 19px; color: #ffffff; } .submenu > li:hover > div.text,.submenu > li.aktiv > div.text,.submenu > li.hover > div.text { color: #ffffff; } .submenu > li:hover > div.text:before,.submenu > li.aktiv > div.text:before,.submenu > li.hover > div.text:before { width: 0; content: ''; position: absolute; top: 0; right: 0; border-top: 18px solid #00b0cf; } .submenu > li:hover,.submenu > li.aktiv,.submenu > li.hover { background-color: #008198; } .submenu > li:hover > div.text:before,.submenu > li.aktiv > div.text:before,.submenu > li.hover > div.text:before { border-left: 18px solid #008198; } .submenu > li:first-child { } .submenu > li:first-child > div.text { border-right: none; /*padding: 13px 0px 0px 19px;*/ }   .secondMenu { position: absolute; top: 155px; left: 0px; display: none; z-index: 1000; } .secondMenu .inner { position: relative; width: 100%; min-height: 302px; padding-left: 20px; padding-top: 20px; margin-bottom: 20px; background-position: right bottom; } .secondMenu .secondMenuZweiSpalten { list-style: none; margin: 0px; padding: 0px; } .secondMenu .secondMenuZweiSpalten > li { margin: 0px; padding: 0px; float: left; } .secondMenu .inner.blue { background-image: url(/images/secondMenu-Bottom-Blue.png); } .secondMenu .innerimage { position: absolute; top: 0px; right: 0px; } .secondMenu li.spalte1 { margin-right: 20px; } .secondMenu li.spalte1 > ul { list-style: none; margin: 0px; padding: 0px; } .secondMenu .spalte1 > ul li { margin: 0px; padding: 9px; color: #ffffff; cursor: pointer; width: 188px; } .secondMenu .spalte1 > ul.blue li { border-bottom: 1px solid #4da7b7; } .secondMenu .spalte1 > ul.blue li.aktiv,.secondMenu .spalte1 > ul.blue li:hover,.secondMenu .spalte1 > ul.blue li.selected { background-color: #015d70; } .secondMenu .spalte1 > ul > li:last-child { border-bottom: 0px; } .secondMenu .spalte1 > ul li a { color: inherit; text-decoration: none; }  .secondMenu .secondSubMenu { display: none; } .secondMenu .secondSubMenu > ul { list-style: none; margin: 0px; padding: 0px; } .secondMenu .secondSubMenu > ul li { margin: 0px; padding: 9px; color: #ffffff; cursor: pointer; width: 188px; } .secondMenu .secondSubMenu > ul.blue li { border-bottom: 1px solid #4da7b7; } .secondMenu .secondSubMenu > ul.blue li.aktiv,.secondMenu .secondSubMenu > ul.blue li:hover,.secondMenu .secondSubMenu > ul.blue li.selected { background-color: #015d70; } .secondMenu .secondSubMenu > ul > li:last-child { border-bottom: 0px; } .secondMenu .secondSubMenu > ul li a { color: inherit; text-decoration: none; }   #breadcrumb { padding-top: 18px; } .screenmd #breadcrumb { padding-top: 30px; } .screenlg #breadcrumb { padding-top: 30px; } #breadcrumb ul { list-style: none; margin: 0px; padding: 0px; } #breadcrumb ul > li { margin: 0px; padding: 0px; float: left; cursor: pointer; display: block; background-color: #78a8b8; color: #22526f; font-family: "Roboto", AlNile-Bold, Arial; font-size: 12px; margin-right: 4px; padding: 3px 8px 3px 8px; } #breadcrumb ul > li a { color: inherit; text-decoration: inherit; } #breadcrumb ul > li.aktiv { background-color: #22526f; color: #ffffff; }   #hostingpackages { padding: 0px; } #hostingpackages a { color: inherit; text-decoration: inherit; } #hostingpackages .hostingpackages { list-style: none; padding: 0px; margin: 0px; } #hostingpackages .bx-wrapper .bx-viewport { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; left: 0px; background: none; } #hostingpackages .hostingpackages > li.spalte { display: inline-block; vertical-align: top; padding: 0px; margin: 0px; } #hostingpackages .hostingpackages > li.spacer { /*margin-left: 35px;*/ } #hostingpackages .hostingpackages .hostingpackage { list-style: none; padding: 0px; margin: 0px; } #hostingpackages .hostingpackage > li.inhalt { vertical-align: top; background-image: url(/images/kasten-textzeile.png); height: 36px; width: 228px; } #hostingpackages .hostingpackage > li.inhalt p { padding-top: 10px; padding-left: 10px; color: #737373; font-family: Roboto, AlNile, Arial; font-size: 14px; } #hostingpackages .hostingpackage .header { width: 228px; height: 156px; } #hostingpackages .hostingpackage.orange .header { background-image: url(/images/kasten-orange.png); background-repeat: no-repeat; } #hostingpackages .hostingpackage.blau .header { background-image: url(/images/kasten-blau.png); background-repeat: no-repeat; } #hostingpackages .hostingpackage.rot .header { background-image: url(/images/kasten-rot.png); background-repeat: no-repeat; } #hostingpackages .hostingpackage.gruen .header { background-image: url(/images/kasten-gruen.png); background-repeat: no-repeat; } #hostingpackages .hostingpackage .header .header-container { position: relative; width: 228px; height: 100%; } #hostingpackages .hostingpackage .header .header-container .name { font-family: "Orienta", AlNile, Arial; font-size: 21px; position: relative; width: 228px; text-align: center; color: #076584; padding-top: 17px; text-shadow: 1px 1px #ffffff; } #hostingpackages .hostingpackage .header .header-container .preisgruppe { position: relative; padding-top: 20px; text-align: center; } #hostingpackages .hostingpackage .header .header-container .preis { font-family: "Roboto Black"; font-size: 40px; color: #ffffff; text-shadow: 3px 3px 1px #888888; line-height: 20px; } #hostingpackages .hostingpackage .header .header-container .mwst { font-family: "Roboto", AlNile, Arial; font-size: 12px; color: #ffffff; text-shadow: 1px 1px 1px #888888; } #hostingpackages .hostingpackage .footer { position: relative; width: 228px; height: 110px; background-image: url(/images/kasten-bottom.png); } #hostingpackages .hostingpackage .footer div { padding-top: 30px; text-align: center; color: #9b9b9b; } #hostingpackages .hostingpackage .footer .mehrinfos { font-family: "Orienta", AlNile, Arial; font-size: 21px; } #hostingpackages .hostingpackage .footer div:hover { color: #5b5b5b; } #hostingpackages .hostingpackage .footer .mehrinfos a:hover { color: #5b5b5b; } #hostingpackages .hostingpackage .footer div img.haken { margin-left: 88px; float: none; }   #detailpackagesheader { position: relative; width: 100%; height: 67px; margin-bottom: 10px; text-align: center; } .screenxs #detailpackagesheader { display: none; } #detailpackagesheader .border { position: absolute; top: 0px; left: -20px; width: 1024px; background-color: #f2f2f2; height: 56px; padding: 0px; } .screenxs #detailpackagesheader .border { width: 320px; } .screensm #detailpackagesheader .border { width: 750px; } .screenmd #detailpackagesheader .border { width: 970px; } #detailpackagesheader ul.paketvergleich { list-style-type: none; display: inline-block; height: 67px; margin: 0px; padding: 0px; } #detailpackagesheader ul.paketvergleich li { list-style: none; margin: 0px; padding: 15px 50px 0px 50px; height: 67px; float: left; font-family: "Roboto Bold", AlNile, Arial; font-size: 18px; color: #9d9d9d; cursor: pointer; } .screenxs #detailpackagesheader ul.paketvergleich li { padding: 15px 40px 0px 40px; } .screensm #detailpackagesheader ul.paketvergleich li { padding: 15px 40px 0px 40px; } .screenmd #detailpackagesheader ul.paketvergleich li { padding: 15px 40px 0px 40px; } #detailpackagesheader ul.paketvergleich li:hover,#detailpackagesheader ul.paketvergleich li.aktiv { background-image: url(/images/detailpackage-navi-hover.png); background-repeat: no-repeat; background-position: center; color: #ffffff; } #detailpackages { padding: 0px; margin-left: -160px; width: 1345px; } .screenmd #detailpackages { width: 1291px; margin-left: -160px; } .screensm #detailpackages { width: 100%; margin-left: 0px; } .screenxs #detailpackages { width: 100%; margin-left: 0px; } #detailpackages a { color: inherit; text-decoration: inherit; } #detailpackages .verlauf-links { background-image: url(/images/detailpackage-verlauf-links.png); background-repeat: repeat-y; width: 241px; position: absolute; top: 0px; left: 0px; height: 100%; } #detailpackages .verlauf-rechts { background-image: url(/images/detailpackage-verlauf-rechts.png); background-repeat: repeat-y; width: 241px; position: absolute; top: 0px; right: 0px; height: 100%; } #detailpackages .detailpackages { list-style: none; padding: 0px; margin: 0px; } #detailpackages .bx-wrapper .bx-viewport { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; left: 0px; background: none; } #detailpackages .detailpackages > li.spalte { display: inline-block; vertical-align: top; padding: 0px; margin: 0px; } #detailpackages .detailpackages > li.spacer { margin-left: 0px; } #detailpackages .detailpackages .detailpackage { list-style: none; padding: 0px; margin: 0px; } #detailpackages .detailpackage > li.inhalt { vertical-align: top; background-image: url(/images/detailpackage-textzeile.png); height: 36px; width: 241px; padding: 0px 5px; } #detailpackages .detailpackage.bestchoice > li.inhalt { background-image: url(/images/detailpackage-bc-textzeile.png); } #detailpackages .detailpackage > li.inhalt p { padding-top: 10px; padding-left: 10px; color: #737373; font-family: Roboto, AlNile, Arial; font-size: 14px; } #detailpackages .detailpackage .header { width: 241px; height: 301px; } #detailpackages .detailpackage .header { background-image: url(/images/detailpackage-header.png); background-repeat: no-repeat; } #detailpackages .detailpackage.bestchoice .header { background-image: url(/images/detailpackage-bc-header.png); } #detailpackages .detailpackage.blau .header { background-image: url(/images/detailpackage-header.png); background-repeat: no-repeat; } #detailpackages .detailpackage.bestchoice.blau .header { background-image: url(/images/detailpackage-bc-header.png); } #detailpackages .detailpackage .header .header-container { position: relative; width: 241px; height: 100%; float: none; } #detailpackages .detailpackage .header .header-container .stars { position: relative; width: 241px; text-align: center; padding-top: 17px; } #detailpackages .detailpackage .header .header-container .stars img { margin: 0px auto; } #detailpackages .detailpackage .header .header-container .type { font-family: "Orienta", AlNile, Arial; font-size: 21px; position: relative; width: 241px; text-align: center; color: #076584; padding-top: 17px; text-shadow: 1px 1px #ffffff; } #detailpackages .detailpackage .header .header-container .name { font-family: "Orienta", AlNile, Arial; font-style: italic; font-size: 21px; position: relative; width: 241px; text-align: center; color: #ffffff; padding-top: 25px; text-shadow: 1px 1px #888888; } #detailpackages .detailpackage .header .header-container .preisgruppe { position: relative; padding-top: 30px; text-align: center; } #detailpackages .detailpackage .header .header-container .preis { font-family: "Roboto Black"; font-size: 40px; color: #ffffff; text-shadow: 3px 3px 1px #888888; line-height: 20px; } #detailpackages .detailpackage .header .header-container .mwst { font-family: "Roboto", AlNile, Arial; font-size: 12px; color: #ffffff; text-shadow: 1px 1px 1px #888888; } #detailpackages .detailpackage .header .header-container .testen { position: relative; padding-top: 27px; font-family: "Orienta", AlNile, Arial; font-size: 18px; text-shadow: 1px 1px #ffffff; color: #04687c; text-align: center; } #detailpackages .detailpackage .header .header-container .testen:hover { color: #9b9b9b; } #detailpackages .detailpackage .footer { position: relative; width: 241px; height: 211px; background-image: url(/images/detailpackage-footer.png); } #detailpackages .detailpackage.bestchoice .footer { background-image: url(/images/detailpackage-bc-footer.png); } #detailpackages .detailpackage .footer .mehrinfos { padding-top: 30px; text-align: center; color: #9b9b9b; font-family: "Orienta", AlNile, Arial; font-size: 21px; } #detailpackages .detailpackage .footer .mehrinfos:hover { color: #04687c; } #detailpackages .detailpackage .footer .bestellen { position: relative; padding-top: 67px; font-family: "Orienta", AlNile, Arial; font-size: 18px; text-shadow: 1px 1px #ffffff; color: #04687c; text-align: center; } #detailpackages .detailpackage .footer .bestellen:hover { color: #9b9b9b; }   #ueberlcube { position: relative; padding-top: 20px; } #ueberlcube .ueberlcube { list-style: none; padding: 0px; margin: 0px; } #ueberlcube .ueberlcube td { vertical-align: middle; padding: 0px; margin: 0px; } #ueberlcube .ueberlcube .karte { width: 336px; vertical-align: middle; } #ueberlcube .ueberlcube .karte img { margin-left: -80px; } #ueberlcube .ueberlcube .text { vertical-align: middle; }  /* Menufooter */ #footerbackground { position: relative; width: 100%; min-height: 778px; background-color: #55b1cf; background-image: url(/images/menufooter-background.jpg); background-position: top center; } #seofooterbackground { position: relative; width: 100%; background: rgba(37, 127, 156, 0.6); } #sternchenbackground { position: relative; width: 100%; border-top: 1px solid #3186a1; background: rgba(37, 127, 156, 0.6); } #seobackground { position: relative; width: 100%; border-top: 1px solid #3186a1; background: rgba(37, 127, 156, 0.6); }   #menu-footer a { color: inherit; text-decoration: inherit; } #menu-footer ul.footermenu { list-style: none; color: #ffffff; margin: 0px; padding: 0px; padding-top: 60px; padding-bottom: 40px; } #menu-footer ul.footermenu > li { margin: 0px; padding: 0px; } #menu-footer ul.footermenu > li.spalte { display: inline-block; vertical-align: top; } #menu-footer ul.footermenu > li.spacer { display: inline-block; background-color: #ffffff; width: 1px; height: 250px; margin-left: 50px; margin-right: 50px; } .screenmd #menu-footer ul.footermenu > li.spacer { margin-left: 30px; margin-right: 30px; } #menu-footer ul.footermenu ul { list-style: none; color: #ffffff; margin: 0px; padding: 0px; } #menu-footer ul.footermenu ul > li { font-family: Roboto, AlNile, Arial; font-size: 18px; margin: 0px; padding: 0px; padding-bottom: 10px; } #menu-footer ul.footermenu ul > li.header { font-family: "Roboto Black", AlNile, Arial; font-size: 24px; font-weight: 900; padding-bottom: 15px; } #socialmedia { min-height: 90px; padding-top: 30px; padding-bottom: 30px; } #socialmedia #socialmediabuttons { position: absolute; right: 15px; top: 30px; } #socialmedia #bottommenu { color: #134f63; font-family: 'Roboto Black', AlNile, Arial; font-size: 14px; text-align: left; } #socialmedia #bottommenu #copyright { display: block; margin-top: 3px; font-family: 'Roboto', AlNile, Arial; } #socialmedia #bottommenu a { color: #134f63; font-family: 'Roboto Black', AlNile, Arial; font-size: 14px; text-decoration: none; } #sternchen { padding-top: 20px; padding-bottom: 20px; font-family: Roboto, AlNile, Arial; font-size: 12px; font-weight: bold; color: #134f63; } #seotext { padding-top: 20px; padding-bottom: 20px; font-family: Roboto, AlNile, Arial; font-size: 12px; color: #134f63; min-height: 275px; }   .content { color: #00404e; font-family: "Roboto", AlNile, Arial; font-size: 14px; line-height: 25px; text-align: justify; } .content .row .underline { border-bottom: 1px solid #e5e5e5; } .content h1, .content .h1 { color: #00404e; font-family: "Roboto", AlNile, Arial; font-size: 48px; margin-top: 0px; text-align: left; } .screenxs .content h1, .screenxs .content .h1 { font-size: 28px; } .content h2, .content .h2 { color: #00404e; font-family: "Roboto Black", AlNile, Arial; font-size: 28px; margin-top: 0px; text-align: left; } .content h3, .content .h3 { color: #00404e; font-family: "Roboto Black", AlNile, Arial; font-size: 28px; margin-top: 0px; text-align: left; } .content h4, .content .h4 { color: #00404e; font-family: "Roboto Black", AlNile, Arial; font-size: 28px; margin-top: 0px; text-align: left; } .content p { text-align: justify; } .content a { color: #00b0cf; font-family: "Roboto", AlNile, Arial; font-size: 14px; } .content a:hover { color: #00404e; } .content ul.bildtext { list-style: none; margin: 0px; padding: 0px; } .content ul.bildtext > li { margin: 0px; padding: 0px; word-wrap: normal; } .content ul.bildtext > li div.imagecontainer { position: relative; } .content ul.bildtext > li div.imagecontainer div.textoverbild { position: absolute; top: 61px; left: 35px; font-family: "Roboto", AlNile, Arial; font-size: 48px; color:#ffffff; } .screenxs .content ul.bildtext > li div.imagecontainer div.textoverbild { top: 20px; left: 10px; font-size: 28px; } .content ul.bildtext > li div.imagecontainer div.textoverbild h1 { font-size: inherit; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; text-decoration: inherit; color: inherit; margin: 0px; padding: 0px; } .screenxs .content ul.bildtext > li div.preis-anmelde-pfeil { position: relative; right: -18px; } .content ul.bildtext > li div.imagecontainer div.preis-anmelde-pfeil { position: absolute; top: 279px; right: 317px; } .screensm .content ul.bildtext > li div.imagecontainer div.preis-anmelde-pfeil { top: 182px; right: 229px; } .screenmd .content ul.bildtext > li div.imagecontainer div.preis-anmelde-pfeil { top: 260px; right: 299px; } .content ul.bildtext.untereinander { padding-top: 45px; } .content ul.bildtext.untereinander > li { width: 100%; } .content ul.bildtext.untereinander > li:first-child { } .content ul.bildtext.untereinander > li:last-child { } .content ul.bildtext.untereinander > li.text { padding-bottom: 45px; } .content ul.bildtext.nebeneinander { display: table-row; } .content ul.bildtext.nebeneinander > li { display: table-cell; width: auto; vertical-align: top; } .content ul.bildtext.nebeneinander > li:first-child { padding-right: 20px; } .screenxs .content ul.bildtext.nebeneinander > li:first-child { padding-right: 0px; } .content ul.bildtext.nebeneinander > li:last-child { padding-left: 20px; } .screenxs .content ul.bildtext.nebeneinander > li:last-child { padding-left: 0px; } .content ul.bildtext.nebeneinander > li.text { padding-top: 45px; padding-bottom: 45px; } .content ul.bildtext.nebeneinander > li.bild { width: 33%; } .screenxs .content ul.bildtext.nebeneinander > li.bild { display: none; } .content ul.bildtext > li .preis-anmelde-pfeil div.preis { float: left; } .content ul.bildtext > li .preis-anmelde-pfeil div.preis-pfeil.blue { background-image: url(/images/home-packages-pfeil-blue-l.png); float: left; } .content ul.bildtext > li .preis-anmelde-pfeil div.anmelden { float: left; } .content ul.bildtext > li .preis-anmelde-pfeil div.anmelden-pfeil { background-image: url(/images/home-packages-anmelden-pfeil-grau-l.png); float: left; } .content ul.bildtext > li .preis-anmelde-pfeil.rechts div.preis { float: right; } .content ul.bildtext > li .preis-anmelde-pfeil.rechts div.preis-pfeil.blue { background-image: url(/images/home-packages-pfeil-blue-r.png); float: right; } .content ul.bildtext > li .preis-anmelde-pfeil.rechts div.anmelden { float: right; } .content ul.bildtext > li .preis-anmelde-pfeil.rechts div.anmelden-pfeil { background-image: url(/images/home-packages-anmelden-pfeil-grau-r.png); float: right; }  .content ul.bild { list-style: none; margin: 0px; padding: 0px; } .content ul.bild > li { margin: 0px; padding: 0px; word-wrap: normal; width: 100%; } .content ul.bild > li div.imagecontainer { position: relative; } .content ul.bild > li div.imagecontainer div.textoverbild { position: absolute; top: 61px; left: 35px; font-family: "Roboto", AlNile, Arial; font-size: 48px; color:#ffffff; } .screenxs .content ul.bild > li div.imagecontainer div.textoverbild { font-size: 28px; } .content ul.bild > li div.imagecontainer div.textoverbild h1 { font-size: inherit; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; text-decoration: inherit; color: inherit; margin: 0px; padding: 0px; } .content ul.bild > li div.imagecontainer div.preis-anmelde-pfeil { position: absolute; top: 290px; right: 326px; } .content ul.bild > li .preis-anmelde-pfeil div.preis { float: right; } .content ul.bild > li .preis-anmelde-pfeil div.preis-pfeil.blue { background-image: url(/images/home-packages-pfeil-blue-r.png); float: right; } .content ul.bild > li .preis-anmelde-pfeil div.anmelden { float: right; } .content ul.bild > li .preis-anmelde-pfeil div.anmelden-pfeil { background-image: url(/images/home-packages-anmelden-pfeil-grau-r.png); float: right; }   .content .wassiebekommen { position: relative; width: 994px; height: 67px; text-align: center; margin-bottom: 10px; } .screenxs .content .wassiebekommen { width: 290px; display: none; } .screensm .content .wassiebekommen { width: 720px; } .screenmd .content .wassiebekommen { width: 940px; } .content .wassiebekommen .border { position: absolute; top: 0px; left: 0px; width: 100%; background-color: #f3f3f3; height: 56px; } .content .wassiebekommen .pfeil { position: absolute; top: 0px; left: 0px; right: 0px; margin-left: auto; margin-right: auto; background-image: url(/images/wassiebekommen.png); background-repeat: no-repeat; height: 67px; width: 231px; } .content .wassiebekommen .text { position: relative; width: 231px; margin-left: auto; margin-right: auto; background-color: #e27730; height: 56px; font-family: "Roboto Bold", AlNile, Arial; font-size: 18px; color: #ffffff; padding-top: 13px; } .content .paketdetails { color: #7f7f7f; } .content .paketdetails a { color: #9f9f9f; } .content .paketdetails a:hover { color: #7f7f7f; } .content .paketdetails h2 { color: #7f7f7f; font-family: "Roboto", AlNile, Arial; font-size: 30px; } .content .paketdetails ul.details { margin: 0px; padding: 0px; list-style: none; height: 100%; display: table-row; } .screenxs .content .paketdetails ul.details { display: inline-block; } .content .paketdetails ul.details > li { margin: 0px; padding: 40px 0px 40px 0px; width: 50%; display: table-cell; vertical-align: top; } .screenxs .content .paketdetails ul.details > li { width: 100%; display: inline-block; } .content .paketdetails ul.details > li img { width: 33%; } .content .paketdetails ul.details > li.trennlinie { height: 100%; padding: 40px 20px 40px 20px; width: 41px; } .content .paketdetails ul.details > li.trennlinie > div { position: relative; width: 1px; height: 100%; overflow: auto; background-color: #e5e5e5; display: block; } .screenxs .content .paketdetails ul.details > li.trennlinie > div { display: none; } .content .paketdetailsbox { position: absolute; top: 0px; left: 0px; border: 1px solid #dfdfdf; box-shadow: 5px 5px 5px #dfdfdf; cursor: pointer; display: none; } .content ul.zweispalten { margin: 0px; padding: 0px; list-style: none; height: 100%; display: table-row; } .content ul.zweispalten > li { margin: 0px; padding: 0px; display: table-cell; vertical-align: top; } .content ul.zweispalten > li:first-child { width: 40%; padding-right: 20px; } .content ul.zweispalten > li img { width: 100% !important; }  .cloudslider > .row { padding-left: 30px; padding-right: 30px; } .cloudslider { padding-top: 15px; padding-bottom: 15px; border-top: none; color: #ffffff; font-family: "Roboto", AlNile, Arial; font-size: 18px; text-shadow: 0 -1px 1px #999999; } .cloudslider .bestellen { padding-top: 15px; } .cloudslider h2 { color: #ffffff; } .cloudslider.blue { -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.4); -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.4); box-shadow: 5px 5px 5px rgba(0,0,0,0.4); border-radius: 10px; /* -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2) inset, 0 2px 0 rgba(255,255,255,0.3) inset; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2) inset, 0 2px 0 rgba(255,255,255,0.3) inset; box-shadow: 0 0 5px rgba(0,0,0,0.2) inset, 0 2px 0 rgba(255,255,255,0.3) inset; */ } .cloudslider.blue { background-color: #5e95cc; border: 1px solid #3b7bbc; border-left-color: #5e95cc; background-image: -moz-linear-gradient(top, #75a4d3, #5e95cc) !important; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#75a4d3), to(#5e95cc)) !important; background-image: -webkit-linear-gradient(top, #75a4d3, #5e95cc) !important; background-image: -o-linear-gradient(top, #75a4d3, #5e95cc) !important; background-image: linear-gradient(#75a4d3, #5e95cc) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff75a4d3', endColorstr='#ff5e95cc', GradientType=0) !important; *background: #5e95cc; } .cloudslider .preis { font-weight: bold; } .cloudslider .picto { /*margin-right: 10px;*/ } .cloudslider .ui-slider-labels { font-size: 10px; line-height: 16px; margin-top: 5px; margin-bottom: 10px; height: 16px; } .cloudslider .ui-corner-all { height: 10px; } .cloudslider .ui-corner-all a { top: -5px; height: 20px; } .cloudslider .ui-slider-label-ticks { margin-bottom: 0px; height: 10px; } .cloudslider .ui-slider-wrapper.horizontal { height: 2.5em; } .cloudslider .zusatz { padding-top: 15px; font-size: 12px; }  .icon-toggle-row { position: absolute; top: 4px; right: 5px; } .toggle-hidden { display: none; } .kontaktform div.blue { border-top: none; margin-top: 0px; margin-bottom: 0px; padding: 5px 0px 5px 0px; color: #ffffff; text-shadow: 0 -1px 1px #999999; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2) inset, 0 2px 0 rgba(255,255,255,0.3) inset; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2) inset, 0 2px 0 rgba(255,255,255,0.3) inset; box-shadow: 0 0 5px rgba(0,0,0,0.2) inset, 0 2px 0 rgba(255,255,255,0.3) inset; font-size: 24px; text-align: center; background-color: #5e95cc; border: 1px solid #3b7bbc; border-left-color: #5e95cc; background-image: -moz-linear-gradient(top, #75a4d3, #5e95cc) !important; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#75a4d3), to(#5e95cc)) !important; background-image: -webkit-linear-gradient(top, #75a4d3, #5e95cc) !important; background-image: -o-linear-gradient(top, #75a4d3, #5e95cc) !important; background-image: linear-gradient(#75a4d3, #5e95cc) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff75a4d3', endColorstr='#ff5e95cc', GradientType=0) !important; *background: #5e95cc; } .kontaktform input[type=text] { width: 100%; } .kontaktform textarea { width: 100%; } .kontaktform select { width: 100%; } .kontaktform input[type=checkbox] { height: 34px; width: 34px; }  .bestellform > .row { margin-left: 0px; margin-right: 0px; } .bestellform div.blue { border-top: none; margin-top: 0px; margin-bottom: 0px; padding: 5px 0px 5px 0px; color: #ffffff; text-shadow: 0 -1px 1px #999999; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2) inset, 0 2px 0 rgba(255,255,255,0.3) inset; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2) inset, 0 2px 0 rgba(255,255,255,0.3) inset; box-shadow: 0 0 5px rgba(0,0,0,0.2) inset, 0 2px 0 rgba(255,255,255,0.3) inset; font-size: 24px; text-align: center; background-color: #5e95cc; border: 1px solid #3b7bbc; border-left-color: #5e95cc; background-image: -moz-linear-gradient(top, #75a4d3, #5e95cc) !important; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#75a4d3), to(#5e95cc)) !important; background-image: -webkit-linear-gradient(top, #75a4d3, #5e95cc) !important; background-image: -o-linear-gradient(top, #75a4d3, #5e95cc) !important; background-image: linear-gradient(#75a4d3, #5e95cc) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff75a4d3', endColorstr='#ff5e95cc', GradientType=0) !important; *background: #5e95cc; } .bestellform div.red { border-top: none; margin-top: 0px; margin-bottom: 0px; padding: 5px 0px 5px 0px; color: #ffffff; text-shadow: 0 -1px 1px #999999; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2) inset, 0 2px 0 rgba(255,255,255,0.3) inset; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2) inset, 0 2px 0 rgba(255,255,255,0.3) inset; box-shadow: 0 0 5px rgba(0,0,0,0.2) inset, 0 2px 0 rgba(255,255,255,0.3) inset; font-size: 24px; text-align: center; background-color: #c63d4e; border: 1px solid #a12f3d; border-left-color: #c63d4e; background-image: -moz-linear-gradient(top, #cd5564, #c63d4e) !important; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cd5564), to(#c63d4e)) !important; background-image: -webkit-linear-gradient(top, #cd5564, #c63d4e) !important; background-image: -o-linear-gradient(top, #cd5564, #c63d4e) !important; background-image: linear-gradient(#cd5564, #c63d4e) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcd5564', endColorstr='#ffc63d4e', GradientType=0) !important; *background: #c63d4e; } .bestellform .daten { padding-top: 15px; padding-bottom: 15px; } .bestellform  .margintop { margin-top: 10px; } .bestellform  .zusammenfassung { background-color: #a3c4eb; } .bestellform .zusammenfassung .preis { font-size: 15px; } .bestellform input[type=text] { width: 100%; } .bestellform input[type=checkbox] { height: 34px; width: 34px; } .bestellform textarea { width: 100%; } .bestellform select { width: 100%; } .bestellform .trialaktion_name { display: none; } .bestellform .testen { display: none; }  .domaintabelle { box-shadow: 5px 5px 5px rgba(0,0,0,0.2); } .domaintabelle th { background: #06aecb; /* Old browsers */ background: -moz-linear-gradient(top,  #06aecb 0%, #06aecb 3%, #01b0cf 97%, #039dbf 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top,  #06aecb 0%,#06aecb 3%,#01b0cf 97%,#039dbf 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom,  #06aecb 0%,#06aecb 3%,#01b0cf 97%,#039dbf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06aecb', endColorstr='#039dbf',GradientType=0 ); /* IE6-9 */ border-left: 1px solid #3acff0; border-right: 1px solid #3acff0; height: 74px; color: #ffffff; vertical-align: middle; text-align: center; } .domaintabelle td { border: 1px solid #cccccc; height: 58px; padding: 10px; color: #999999; font-size: 14px; } .domaintabelle td.flagge { text-align: center; } .domaintabelle td.preis { text-align: right; padding-right: 30px; } .domaintabelle td.laufzeit { text-align: center; } .domaintabelle td.laufzeit .badge { color: #ffffff; background-color: #c2c2c2; border: 1px solid #ffffff; text-shadow: 0 -1px 1px #999999; } .domaintabelle tr.odd td { background: #f1f1f1; /* Old browsers */ background: -moz-linear-gradient(top,  #f1f1f1 0%, #f5f5f5 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top,  #f1f1f1 0%,#f5f5f5 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom,  #f1f1f1 0%,#f5f5f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */ } .domaintabelle-info.triangle-border { position: absolute; display: none; color: #9d9d9d; box-shadow: 5px 5px 5px rgba(0,0,0,0.2); max-width: 400px; } .domaintabelle tr:hover td { background: #f1f1f1; /* Old browsers */ background: -moz-linear-gradient(top,  #b1b1b1 0%, #b5b5b5 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top,  #b1b1b1 0%,#b5b5b5 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom,  #b1b1b1 0%,#b5b5b5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1b1b1', endColorstr='#b5b5b5',GradientType=0 ); /* IE6-9 */ border: 1px solid transparent; color: #ffffff }  #nachoben { position: fixed; right: 20px; bottom: 25px; display: none; z-index: 10000; background-image: url(/images/nachoben.png); background-repeat: no-repeat; background-position: center top; min-width: 52px; padding-top: 35px; color: #7f7f7f; font-family: 'Roboto Bold', AlNile, Arial; font-size: 12px; cursor: pointer; text-align: center; } .screenmd #nachoben { right: 20px; bottom: 25px; } .screensm #nachoben { right: 0px; bottom: 25px; }