/* ::::: https://www.1and1.pl/css/Home.css ::::: */

html, body { margin: 0px; padding: 0px; background: rgb(226, 238, 250) none repeat scroll 0% 0%; font: 87.5% arial,helvetica,clean,sans-serif; }
@font-face {
	font-family: "1und1WebSansCondens";
	src: url('1und1-web-sans-57-condensed.eot') format("eot"), url('1und1-web-sans-57-condensed.woff') format("woff"), url('1und1-web-sans-57-condensed.ttf') format("truetype"), url('1und1-web-sans-57-condensed.svg') format("svg");
}
@font-face {
	font-family: "1und1WebSansCnBlk";
	src: url('1und1-web-sans-77-90-black-condensed.eot') format("eot"), url('1und1-web-sans-77-90-black-condensed.woff') format("woff"), url('1und1-web-sans-77-90-black-condensed.ttf') format("truetype"), url('1und1-web-sans-77-90-black-condensed.svg') format("svg");
}
.accordion-container { width: 166.5%; }
.accordion { padding: 1.5em 0px; }
.accordion li { border-bottom: 1px solid rgb(224, 233, 242); display: block; padding: 0.625em 2.5em; position: relative; }
.accordion li:last-child { border-bottom: medium none; }
.accordion li.question { cursor: pointer; font-family: "1und1WebSansCondens",Arial,sans-serif; font-size: 1.625em; padding-left: 1.5em; position: relative; }
.accordion li.question.headline-a4 a:hover { text-decoration: none; }
.accordion li.question::before { border-bottom: 0.266em solid rgba(0, 61, 143, 0); border-left: 0.266em solid rgba(0, 61, 143, 0.6); border-top: 0.266em solid rgba(0, 61, 143, 0); content: ""; height: 1px; left: 0.8em; position: absolute; top: 0.875em; width: 0px; }
.accordion li.current .question::before, .accordion li:hover .question::before { border-width: 0.286em; border-style: solid; border-color: rgba(0, 61, 143, 0.6) rgba(0, 61, 143, 0) rgba(0, 61, 143, 0); left: -0.4em; top: 0.4em; }
.decoration-color-a1, .decoration-color-a1::before, .decoration-color-a1::after { background: rgb(0, 61, 143) none repeat scroll 0% 0%; }
.decoration-color-c1, .decoration-color-c1::before, .decoration-color-c1::after { background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.decoration-gradient-a1, .decoration-gradient-a1::before, .decoration-gradient-a1::after { background: rgba(0, 0, 0, 0) linear-gradient(to right, rgb(0, 77, 155) 0%, rgb(0, 49, 127) 100%) repeat scroll 0% 0%; }
.decoration-gradient-a2, .decoration-gradient-a2::before, .decoration-gradient-a2::after { background: rgba(0, 0, 0, 0) linear-gradient(to right, rgb(0, 49, 127) 0%, rgb(0, 77, 155) 100%) repeat scroll 0% 0%; }
.decoration-gradient-b1, .decoration-gradient-b1::before, .decoration-gradient-b1::after { background: rgba(0, 0, 0, 0) linear-gradient(to right, rgb(199, 213, 230) 0%, rgb(255, 255, 255) 100%) repeat scroll 0% 0%; }
.decoration-gradient-b2, .decoration-gradient-b2::before, .decoration-gradient-b2::after { background: rgba(0, 0, 0, 0) linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(199, 213, 230) 100%) repeat scroll 0% 0%; }
.decoration-gradient-c1, .decoration-gradient-c1::before, .decoration-gradient-c1::after { background: rgba(0, 0, 0, 0) linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(237, 241, 247) 100%) repeat scroll 0% 0%; }
.decoration-gradient-c2, .decoration-gradient-c2::before, .decoration-gradient-c2::after { background: rgba(0, 0, 0, 0) linear-gradient(to right, rgb(237, 241, 247) 0%, rgb(255, 255, 255) 100%) repeat scroll 0% 0%; }
.decoration-gradient-c3, .decoration-gradient-c3::before, .decoration-gradient-c3::after { background: rgba(0, 0, 0, 0) linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(196, 210, 229) 100%) repeat scroll 0% 0%; }
.decoration-gradient-c4, .decoration-gradient-c4::before, .decoration-gradient-c4::after { background: rgba(0, 0, 0, 0) linear-gradient(to right, rgb(196, 210, 229) 0%, rgb(255, 255, 255) 100%) repeat scroll 0% 0%; }
.decoration-shadow-a1::before { box-shadow: -7px 0px 40px 5px rgba(0, 51, 129, 0.09), 0px 0px 0px -5px rgba(0, 51, 129, 0.09), 10px -8px 14px -6px rgba(0, 51, 129, 0.09); }
.decoration-shadow-a1::after { box-shadow: -4px 10px 15px -5px rgba(0, 51, 129, 0.133), 10px 10px 20px -5px rgba(0, 51, 129, 0.09); }
.decoration-shadow-b1 { box-shadow: 5px 0px 38px rgba(0, 51, 129, 0.27); }
.clearfix { display: block; }
.clearfix::after { content: "."; clear: both; display: block; visibility: hidden; height: 0px; }
.transformation-skew-a1::after, .transformation-skew-a2::before { transform: skew(0deg, -3.5deg); }
.transformation-skew-a1::before, .transformation-skew-a2::after { transform: skew(0deg, 3.5deg); }
.transformation-skew-b1::after, .transformation-skew-b2::before { transform: skew(0deg, -2deg); }
.transformation-skew-b1::before, .transformation-skew-b2::after { transform: skew(0deg, 2deg); }
.transformation-skew-c1::after, .transformation-skew-c2::before { transform: skew(0deg, -1.2deg); }
.transformation-skew-c1::before, .transformation-skew-c2::after { transform: skew(0deg, 1.2deg); }
.transformation-skew-d1::before { transform: skew(0deg, -1deg); }
.transformation-skew-a1, .transformation-skew-a2, .transformation-skew-b1, .transformation-skew-b2, .transformation-skew-c1, .transformation-skew-c2, .transformation-skew-d1 { position: relative; vertical-align: middle; }
.transformation-skew-a1::before, .transformation-skew-a2::before, .transformation-skew-b1::before, .transformation-skew-b2::before, .transformation-skew-c1::before, .transformation-skew-c2::before, .transformation-skew-d1::before { backface-visibility: hidden; border: medium none; content: ""; left: 0px; margin-top: 0px; outline: 1px solid rgba(255, 255, 255, 0); position: absolute; width: 100%; z-index: -1; }
.transformation-skew-a1::after, .transformation-skew-a2::after, .transformation-skew-b1::after, .transformation-skew-b2::after, .transformation-skew-c1::after, .transformation-skew-c2::after { backface-visibility: hidden; border: medium none; content: ""; left: 0px; margin-bottom: -1em; outline: 1px solid rgba(255, 255, 255, 0); position: absolute; width: 100%; z-index: -1; }
.transformation-skew-a1::before, .transformation-skew-a2::before { margin-top: -0.5em; }
.transformation-skew-b1::before, .transformation-skew-b2::before { margin-top: -0.25em; }
.transformation-skew-c1::before, .transformation-skew-c2::before { margin-top: -0.125em; }
:link:focus, :visited:focus { outline: 0px none; }
:link, :visited { outline: 0px none; }
:link:hover, :visited:hover { outline: 0px none; }
:link:active, :visited:active { outline: 0px none; }
.content-bottom { margin: 0px auto; padding: 90px 0px 20px; position: relative; width: 960px; }
.infoteaser-box { box-sizing: border-box; display: inline-block; padding: 0px; perspective: 1000px; position: relative; vertical-align: middle; z-index: 1; }
.infoteaser-box-padding { padding-bottom: 3.5em; padding-top: 3.5em; }
.infoteaser-box .content { background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; box-sizing: content-box; min-height: 55px; overflow: visible; padding: 30px 40px; position: relative; }
.infoteaser-box .content-after, .infoteaser-box .content-before { padding: 0px 40px; position: relative; z-index: 1; }
.infoteaser-box .content::before { content: ""; height: 100%; left: 0px; position: absolute; top: -1em; width: 100%; z-index: -1; }
.infoteaser-box .content::after { bottom: -1em; content: ""; height: 100%; left: 0px; position: absolute; width: 100%; z-index: -1; }
.infoteaser-container { float: left; margin: 2.5em 0px 4em; position: relative; width: 100%; }
.infoteaser-container:last-child { margin-bottom: 0px; }
.headline-a2 { color: rgb(0, 61, 143); font-family: "1und1WebSansCondens",Arial,sans-serif; font-size: 2.857em; font-weight: normal; line-height: 1em; padding-bottom: 0.3125em; }
.headline-a4 { color: rgb(0, 61, 143); font-family: "1und1WebSansCondens",Arial,sans-serif; font-size: 1.786em; font-weight: normal; line-height: 1em; padding: 0.0625em 0px 0.5em; }
.headline-a4 a { color: inherit; text-decoration: none; }
.headline-a4 a:hover { color: inherit; text-decoration: underline; }
.headline-c3 { color: rgb(255, 255, 255); font-family: "1und1WebSansCondens",Arial,sans-serif; font-size: 2.143em; font-weight: normal; line-height: 1em; padding: 0.0625em 0px 0.5em; }
.headline-centered { text-align: center; font-weight: bold; margin-bottom: 0px; }
.paragraph-a3 { color: rgb(0, 61, 143); font-size: 1.143em; line-height: 1.5em; padding-bottom: 0.625em; }
.paragraph-a3 a { color: inherit; text-decoration: underline; }
.paragraph-a3 a:hover { color: inherit; text-decoration: none; }
.paragraph-b3 { color: rgb(60, 60, 60); font-size: 1.143em; line-height: 1.5em; padding-bottom: 0.5em; }
.paragraph-c3 { color: rgb(255, 255, 255); font-size: 1.143em; line-height: 1.5em; padding-bottom: 0.5em; }
.paragraph-c4 { color: rgb(255, 255, 255); font-size: 1em; line-height: 1.5em; padding-bottom: 0.625em; }
.paragraph-centered { text-align: center; }
.grid-12, .grid-12m, .grid-12p, .grid-12mp, .grid-11, .grid-11m, .grid-11p, .grid-11mp, .grid-10, .grid-10m, .grid-10p, .grid-10mp, .grid-09, .grid-09m, .grid-09p, .grid-09mp, .grid-08, .grid-08m, .grid-08p, .grid-08mp, .grid-07, .grid-07m, .grid-07p, .grid-07mp, .grid-06, .grid-06m, .grid-06p, .grid-06mp, .grid-05, .grid-05m, .grid-05p, .grid-05mp, .grid-04, .grid-04m, .grid-04p, .grid-04mp, .grid-03, .grid-03m, .grid-03p, .grid-03mp, .grid-02, .grid-02m, .grid-02p, .grid-02mp, .grid-01, .grid-01m, .grid-01p, .grid-01mp { display: inline; float: left; position: relative; }
.grid-12m, .grid-11m, .grid-10m, .grid-09m, .grid-08m, .grid-07m, .grid-06m, .grid-05m, .grid-04m, .grid-03m, .grid-02m, .grid-01m { margin: 1%; }
.grid-12 { width: 100%; }
.grid-08m, .grid-08p { width: 64.667%; }
.grid-06 { width: 50%; }
#header-meta { background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
#header-container { background: rgb(0, 65, 146) none repeat scroll 0% 0%; border-bottom: 1px solid rgb(82, 132, 194); }
#header-meta-frame { height: 24px; margin: 0px auto 1px; position: relative; width: 940px; }
#header-nav { height: 72px; margin: 0px auto; position: relative; width: 940px; }
#header-nav #button-hd-log-home { height: 60px; position: absolute; top: 6px; width: 60px; }
#header-nav #button-hd-log-home img { display: block; }
ul.header-nav { font-size: 11px; position: relative; z-index: 26; margin: 0px; }
.header-nav .header-nav-item { float: right; margin-left: 12px; }
.header-nav .header-nav-item-first { font-size: 13px; font-weight: bold; }
.header-nav .header-nav-item-first, .header-nav .header-nav-item-chat { float: left; margin-left: -47px; }
.header-nav .header-nav-link, .header-nav .header-nav-text, .header-nav .header-nav-link-nosub { background-color: rgba(255, 255, 255, 0); border-width: 1px 1px 0px; border-style: solid solid none; border-color: transparent transparent currentcolor; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; color: rgb(4, 97, 169); display: block; height: 15px; padding: 2px 7px; text-decoration: none; }
.main-nav-bar { bottom: 14px; float: right; height: 42px; margin-top: 16px; position: absolute; right: 0px; width: 855px; z-index: 23; }
.main-nav { float: right; margin: 5px 0px 0px -12px; z-index: 25; }
.main-nav .main-nav-item { float: left; margin: 0px 1px; position: static; text-align: center; }
.main-nav .main-nav-link, .main-nav .main-nav-link-nosub { color: rgb(255, 255, 255); display: block; font-family: "1und1WebSansCnBlk",Arial,sans-serif; font-size: 17px; line-height: 15px; padding: 8px; text-decoration: none; }
.notouch .main-nav .main-nav-item:hover, .main-nav .main-nav-item.touched { background-color: transparent; }
.notouch .main-nav .main-nav-item:hover .main-nav-link, .notouch .main-nav .main-nav-item:hover .main-nav-link-nosub, .main-nav .main-nav-item.touched .main-nav-link, .main-nav .main-nav-item.touched .main-nav-link-nosub { background-clip: border-box; background-color: rgb(255, 255, 255); color: rgb(7, 96, 167); padding-bottom: 9px; position: relative; z-index: 11; }
#footer_container, #footer-container { background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; }
#footer_container, #footer-container { min-width: 960px; position: relative; }
#footer_container #footer, #footer-container #footer { color: rgb(0, 61, 143); margin: 0px auto; padding: 60px 0px 40px; width: 960px; overflow: hidden; }
#footer hr.footer-separator.center { clear: both; margin-bottom: 40px; width: 100%; }
#footer hr.footer-separator { background-color: rgb(0, 61, 143); border: 0px none; clear: none; height: 1px; }
.center { text-align: center; }
.footer-nav { display: inline-block; padding: 0px 0px 0px 10px; }
.footer-nav-item { color: rgb(0, 61, 143); float: left; padding: 0px 10px; }
.footer-nav-link { color: rgb(0, 61, 143); display: block; font-family: "1und1WebSansCnBlk",Arial Narrow,Arial,sans-serif; font-size: 14px; text-decoration: none; text-transform: uppercase; }
.footer-logos { float: right; margin: 0px 20px 0px 0px; width: 142px; }
.footer-logos-img { float: left; margin-bottom: 10px; }
.footer-separator.bottom.center { margin-top: 40px; margin-bottom: 40px; }
.content-bottom.faq h3, .question { font-weight: bold; }
li { list-style: outside none none; }
.question { cursor: pointer; font-size: 1.25em; }
li.header-nav-item-first img { margin-right: 10px; }
.footer-nav-link:hover { text-decoration: underline; }
#closing-shop-content h5 { margin-top: 0px; }
#footer_container #footer, #footer-container #footer { padding: 0px; }
.home-container { background: transparent url('bg-home.jpg') no-repeat scroll center top; height: 520px; }
.headline-stage { font-family: "1und1WebSansCnBlk",Arial,sans-serif; font-size: 3.125em; }
.headline-blue { color: rgb(0, 61, 143); font-family: "1und1WebSansCnBlk",Arial,sans-serif; font-size: 2.625em; margin: 0px; }
.box-above { z-index: 2; }
.box-below { top: 20px; z-index: 1; }
.subnav-button span::after { border-bottom: 4px solid rgba(0, 61, 143, 0); border-left: 5px solid rgb(0, 61, 143); border-top: 4px solid rgba(0, 61, 143, 0); content: ""; height: 1px; position: absolute; right: -12px; bottom: 4px; width: 0px; }
