.newland{ background: radial-gradient(ellipse 60% 60% at 20% 50%, rgba(68,74,171,0.35) 0%, transparent 70%), radial-gradient(ellipse 50% 50% at 80% 30%, rgba(0,199,159,0.2) 0%, transparent 70%); } .newlandh1{ font-family: var( --p1-global-typography-primary-font-family ), Arial, sans-serif; font-size: 60px; font-weight: 800; color: var(--white); line-height: 1.15; margin-bottom: 22px; letter-spacing: -1px; text-align:center; color: var( --p1-global-color-0f50484 ); } .gradient-text{ background: linear-gradient(135deg, var( --p1-global-color-primary ) 0%, var( --p1-global-color-accent ) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .iconlistaccent .p1x-icon-list-item{ border-radius:10000px; border: solid 1px var( --p1-global-color-accent ); padding: 5px 15px; background-color:rgba(0, 199, 159, 0.2) } @media screen and (max-width: 767px) { .newlandh1{ font-size:36px; } .iconlistmobil li{ margin-bottom:10px!important; } } .toolh1{ color:var( --p1-global-color-0f50484 ); text-align:center; } .toolfarbverlauf{ background-image:linear-gradient(90deg,#444AAB,#00C79F); -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition:0.5s; display:inline-block; font-weight:700; line-height:1.4; } .blogh1{ text-transform:uppercase; font-weight:900; color:#000; } .blogh{ text-transform:uppercase; font-weight:700; color:#000; } .hashtags a::before{ content: '#'; margin-left: 5px; } .bloghintergrund > div{ background-position: top center!important; background-repeat: no-repeat!important; background-size: contain!important; } .blogartikel h3{ font-weight: 800!important; color:black!important; text-transform: uppercase; line-height: 1.3em; } .firstarchive .p1x-posts > article:not(:first-child),.secondarchive .p1x-posts > article:first-child{ display:none!important; } .tagcloud{ font-family:"Poppins"; font-weight:600; } .tagcloud a:before{ content:"#" } .secondarchive .p1x-pagination .page-numbers.current{ font-weight:700; } .comments-area{ font-family:"Poppins"; color:black; } .comment-reply-title,.title-comments{ font-weight:800; text-transform:Uppercase; font-size:28px; } .form-submit input{ color:white!important; background-color:black!important; font-weight:600; } .comments-area textarea,.comments-area input[type="text"],.comments-area input[type="email"],.comments-area input[type="url"]{ border:2px black solid; border-radius:0px; } .comment-form-cookies-consent label,.comment-form-cookies-consent input{ display:inline; } .farbverlauf h1,.farbverlauf h2,.farbverlauf h3,.farbverlauf h4,.farbverlauf h5,.farbverlauf h6,.farbverlauf p,.farbverlauf span{ background-image:linear-gradient(90deg,#444AAB,#00C79F); -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition:0.5s; display:inline-block; } .glowup a,.glowupdark a,.glowupbutton a,.glowupdarkbutton a{ transition:0.3s; } .glowup:hover a{ text-shadow: 0px 0px 3px #ffffff; } .glowupdark:hover a{ text-shadow: 0px 0px 3px rgba(0,0,0,0.4); } .glowupbutton button:hover,.glowupbutton a:hover{ box-shadow:0px 0px 5px 0px rgba(255,255,255,1); } .glowupdarkbutton button:hover,.glowupdarkbutton a:hover{ box-shadow:0px 0px 5px 0px rgba(0,0,0,0.7); } .iconlistwhite .p1x-icon-list-item i,.iconlistwhite .p1x-icon-list-item a,.iconlistblack .p1x-icon-list-item i,.iconlistblack .p1x-icon-list-item a{ transition:0.3s!important; } .iconlistwhite .p1x-icon-list-item:hover a,.iconlistwhite .p1x-icon-list-item:hover i{ text-shadow: 0px 0px 3px #ffffff; } .iconlistblack .p1x-icon-list-item:hover a{ text-shadow: 0px 0px 3px rgba(0,0,0,0.4); } .headerp1 .p1x-background-overlay,.headerp1 .headersubmenup1 .p1x-background-overlay{ transition:0.3s; } .headerp1.p1x-sticky--effects .p1x-background-overlay,.headerp1.p1x-sticky--effects .headersubmenup1 .p1x-background-overlay{ opacity:1!important; } #Ja{ background-color: transparent; background-image: linear-gradient(90deg, var( --p1-global-color-primary ) 0%, var( --p1-global-color-accent ) 100%); } @media screen and (max-width: 768px) { .headerp1 .headersubmenup1 .p1x-background-overlay{ opacity:1!important; } } .menucaret{ width:20px; margin-bottom:-4px; } .floatingkontakt .p1x-grid{ justify-content:right!important; justify-items: right!important; } .p1x-social-icon:hover{ opacity:1!important; } .floatingkontakt.p1x-widget-social-icons > div > div > span a i{ transition:0.3s!important; } .floatingkontakt.p1x-widget-social-icons > div > div > span > a:hover{ padding:0px 200px 0px 25px!important; transition:0.3s!important; } .floatingkontakt.p1x-widget-social-icons > div > div > span > a:after{ position:absolute; right:-1000px; font-size:14px; transition:0.3s; color:white; font-family:"Poppins"; font-weight:600; } .floatingkontakt.p1x-widget-social-icons > div > div > span:nth-child(1) > a:after{ content:"02307 9674260"; } .floatingkontakt.p1x-widget-social-icons > div > div > span:nth-child(2) > a:after{ content:"0176 36338034"; } .floatingkontakt.p1x-widget-social-icons > div > div > span:nth-child(3) > a:after{ content:"info@p1commerce.de"; } .floatingkontakt.p1x-widget-social-icons > div > div > span > a:hover:after{ right:10px; } .floatingkontakt.p1x-widget-social-icons > div > div > span > a:hover i{ text-shadow: 0px 0px 3px #ffffff; } .floatingkontakt.p1x-widget-social-icons > div > div > span > a:hover{ -webkit-box-shadow: 0px 0px 10px 0px rgba(255,255,255,0.2); box-shadow: 0px 0px 10px 0px rgba(255,255,255,0.2); } @media screen and (max-width: 768px) { .floatingkontakt.p1x-widget-social-icons > div > div > span > a:hover:after{ right:-1000px; } .floatingkontakt.p1x-widget-social-icons > div > div > span > a:hover{ padding:inherit!important; }} .casestudyloop-container{ position: relative; background-color: black; overflow:hidden; } .casestudyloop-cta__bg,.casestudyloop-cta__bg-overlay{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: 0.5s; } .casestudyloop-cta__bg{ background-size: auto; background-position: 50% 50%; z-index: 1; filter: blur(3px); opacity: 0.7; } .casestudyloop-cta:hover .casestudyloop-cta__bg{ background-position: 0% 50%; } .casestudyloop-cta__bg-overlay{ background-color: #00C79F; opacity: 0; transition: 0.4s; } .casestudyloop-cta:hover .casestudyloop-cta__bg-overlay{ opacity: 1; } .casestudyloop-cta__content{ width: 100%; height: 280px; padding: 140px 10px 0px 10px; vertical-align: middle; z-index: 3; transition: 0.4s; position: relative; font-size:21px; line-height: 1.4; color:white; } .casestudyloop-cta__description{ margin-top: -20px; opacity: 0; transition:0.4s; } .casestudyloop-cta:hover .casestudyloop-cta__description{ margin-top: 0px; opacity: 1; } .casestudyloop-cta:hover .casestudyloop-cta__bg{ opacity: 0; } .casestudyloop-cta__contentbox{ text-align: left; transform: translate(0%,-45%); } .casestudyloop-cta__title{ font-weight: 700; } .projektloop-container{ position: relative; overflow:hidden; } .projektloop-cta__bg,.projektloop-cta__bg-overlay{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: 0.5s; } .projektloop-cta__bg{ background-size: cover; background-position: 50%; z-index: 1; } .projektloop-cta__content{ width: 100%; height: 0px; padding: 50% 5px 50% 5px; z-index: 3; transform: translateY(100px); opacity: 0; transition: 0.4s; position: relative; } .projektloop-cta:hover .projektloop-cta__content{ transform: translateY(0px); opacity: 1; } .projektloop-cta:hover .projektloop-cta__bg{ opacity: 0; } .projektloop-cta__contentbox{ text-align: center; transform: translate(0%,-45%); } .projektloop-cta__title{ font-weight: 700; } @media screen and (max-width: 1024px){ .projektloop-cta__content{ font-size:13px; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } } .projekt-buttons { text-align: center; font-family: var( --p1-global-typography-primary-font-family ), Arial, sans-serif; } .projekt-buttons button{ color:var( --p1-global-color-0f50484 )!important; font-weight:500; transition:0.3s; } .projekt-buttons button:hover{ text-shadow: 0px 0px 3px #ffffff; } .projektloop { transition: 0.5s!important; } .projektloop.hide { display: none; } .projekt-button.active { text-decoration: underline; } .ansprechpartnerloop{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; vertical-align: middle; align-content: center; align-items: center; } .ansprechpartnerloop-container1{ width:39%; text-align: center; display: inline-block; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; vertical-align: middle; align-content: center; align-items: center; } .ansprechpartnerloop-container2{ width:60%; display:inline-block; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; vertical-align: middle; align-content: center; align-items: center; } .ansprechpartnerbild{ border-radius: 100000px!important; width:270px; } .ansprechpartnerheading{ color:white; font-family: "Poppins", Arial, sans-serif; font-size: 36px; font-weight: 700; line-height: 1.4em; } .ansprechpartnername{ color:white; font-family: "Poppins", Arial, sans-serif; font-size: 23px; font-weight: 600; line-height: 1.4em; } .ansprechpartnerliste li{ padding-bottom: 5px!important; } .ansprechpartnerliste li a{ color: white; } .ansprechpartnerliste li i{ text-align: center; } @media screen and (max-width: 768px){ .ansprechpartnerloop-container1,.ansprechpartnerloop-container2{ width:100%; text-align:center; } .ansprechpartnerliste li{ text-align:center; align-items:center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .ansprechpartnerheading{ font-size: 26px; } } .weitereartikelloop-bild-wrapper{ margin-bottom: 10px; } .weitereartikelloop-bild{ object-fit: contain; vertical-align: middle; display: inline-block; height: 150px!important; } .weitereartikelloop-title{ color: var( --p1-global-color-secondary ); font-size: 22px; font-weight: 900; text-transform: uppercase; line-height: 1.3em; margin-bottom: 20px; } .weitereartikelloop-meta{ color: var( --p1-global-color-secondary ); font-size: 13px; font-weight: 900; line-height: 1.3em; margin-bottom: 20px; } .weitereartikelloop-link{ color: var( --p1-global-color-secondary ); font-size: 15px; font-weight: 900; transition: 0.3s; } .weitereartikelloop:hover .weitereartikelloop-link{ color: black; } @media screen and (max-width: 1024px){ .weitereartikelloop-title{ font-size: 16px; } } .firstarchivloop-container{ background-position: center center!important; background-repeat: no-repeat!important; background-size: cover!important; } .firstarchivloop-overlay{ background-color: transparent; background-image: linear-gradient(180deg, #2F2C2C57 0%, #000000 95%); opacity: 0.87; } .firstarchivloop-content{ padding: 400px 10px 20px 10px; max-width: 1140px; display: flex; margin-right: auto; margin-left: auto; position: relative; } .firstarchivloop-content-left,.firstarchivloop-content-right{ display: inline-block; width:50%; color: white; } .firstarchivloop-cta__title{ color: #FFFFFF; font-weight: 900; text-transform: uppercase; line-height: 1.3em; } .firstarchivloop-meta{ font-size: 16px; font-weight: 900; color: #FFFFFF; } .firstarchivloop-excerpt{ font-size: 16px; font-weight: 400; color: #FFFFFF; font-family: "Poppins"; margin-top: 10px; } .firstarchivloop-link{ color: var( --p1-global-color-0f50484 ); font-size: 15px; font-weight: 900; transition: 0.3s; text-decoration:underline!important; } .firstarchivloop-link:hover,.firstarchivloop-tags:hover{ color: white; } .firstarchivloop-tags{ color: #FFFFFF; font-weight: 800; line-height: 1.3em; transition: 0.3s; } @media screen and (max-width: 768px){ .firstarchivloop-content{ display: block; padding: 100px 10px 20px 10px; } .firstarchivloop-content-left,.firstarchivloop-content-right{ width:100%; } } .secondarchivloop-content{ position: relative; display: table; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; vertical-align: middle; align-content: center; align-items: center; } .secondarchivloop-content-left,.secondarchivloop-content-right{ display: table-cell; width: 50%; vertical-align:middle } .secondarchivloop-bild{ height:380px!important; object-fit: contain; vertical-align: middle; display: inline-block; } .secondarchivloop-title{ color: #000000; font-size: 32px; font-weight: 900; text-transform: uppercase; line-height: 1.3em; margin-bottom: 10px; } .secondarchivloop-meta{ font-size: 16px; font-weight: 900; margin-bottom: 10px; color: black; } .secondarchivloop-excerpt{ font-size: 16px; font-weight: 400; color: black; font-family: "Poppins"; margin-top: 10px; } .secondarchivloop-link{ color: var( --p1-global-color-secondary ); font-size: 15px; font-weight: 900; transition: 0.3s; text-decoration:underline!important; } .secondarchivloop-content-left:hover + .secondarchivloop-content-right .secondarchivloop-link, .secondarchivloop-link:hover{ color: black!important; } .secondarchivloop-content-right{ padding: 15px; } .secondarchivloop{ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); } @media screen and (max-width: 1024px){ .secondarchivloop-title{ font-size: 21px; } } @media screen and (max-width: 768px){ .secondarchivloop-content{ display:block; } .secondarchivloop-content-left,.secondarchivloop-content-right{ display: block; width: 100%; } .secondarchivloop-bild{ height:200px!important; } } .autorloop{ position: relative; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; vertical-align: middle; align-content: center; align-items: center; } .autorloop-container1{ display: inline-block; width: 30%; } .autorloop-container2{ display: inline-block; width: 70%; padding-left: 20px; } .autorbild{ border-radius: 1000px!important; } .autorname{ color: black; font-size: 15px; font-weight: 800; } .autoremail{ font-size: 15px; font-weight: 400; transition: 0.3s; } .autoremail:hover{ color: black } .verwandteartikelloop-bild-wrapper{ margin-bottom: 10px; } .verwandteartikelloop-bild{ object-fit: contain; vertical-align: middle; display: inline-block; height: 150px!important; } .verwandteartikelloop-title{ color: white; font-size: 22px; font-weight: 900; text-transform: uppercase; line-height: 1.3em; margin-bottom: 20px; } .verwandteartikelloop-meta{ color: white; font-size: 13px; font-weight: 900; line-height: 1.3em; margin-bottom: 20px; } .verwandteartikelloop-link{ color: var( --p1-global-color-0f50484 ); font-size: 15px; font-weight: 900; transition: 0.3s; text-decoration:underline!important; } .verwandteartikelloop:hover .verwandteartikelloop-link{ color: white; } @media screen and (max-width: 1024px){ .verwandteartikelloop-title{ font-size: 16px; } } .presseloop-container{ font-family: "Poppins"; } .presseloop:not(:last-child){ border-bottom:solid 1px rgba(0,0,0,0.2); padding-bottom:55px; } .pressetitel,.pressetitelhov{ color:black; font-weight:600; transition:0.3s; margin-bottom:30px; } .pressedatum{ color:black; } .presselinka{ color:white!important; background-color:black; padding:12px 24px; font-weight:500 } .presselink:hover .pressetitelhov{ color:#00C79F } @media screen and (max-width: 768px){ .presselink,.pressebutton{ text-align:center; } } .floatup img{ transition:0.3s; } .floatup img:hover{ transition:0.3s; box-shadow: 0px 25px 10px -10px rgba(0,0,0,0.5)!important; margin-top: -10px; } @media screen and (max-width: 1024px){ .servicebeitragsbild{ width:70%; text-align:center; display: block; margin-left: auto; margin-right: auto; } } .faqp1 .p1x-accordion-item{ border-bottom:solid 2px var( --p1-global-color-5e68ff0 )!important; } .stichpunktliste li { margin-bottom: 15px!important; } @media screen and (max-width: 768px){ .stichpunktliste li { float:none!important; } } #formular input[type="radio"], #formular input[type="checkbox"] { opacity: 0; position: fixed; width: 0; } #formular .p1x-field-type-radio label{ display: inline-block; background-color:black; padding: 70px 20px 70px 20px; font-size: 20px; border: 0px solid #444aab; border-radius: 2px; transition: 0.5s!important; color:white; cursor:pointer; width:100%; height:auto!important; vertical-align: center!important; font-weight:500; line-height: 1.3; } #formular input[type="radio"]:checked + label { background: -webkit-linear-gradient(to right,#444AAB,#00C79F); background: -moz-linear-gradient(to right,#444AAB,#00C79F); background: -o-linear-gradient(to right,#444AAB,#00C79F); background: linear-gradient(to right,#444AAB,#00C79F); border-color: #4c4; -webkit-transition: all 300ms linear; transition: all 300ms linear; color:white!important; } #formular input[type="radio"]:focus + label { border: 2px dashed #444; } #formular .p1x-field-type-radio label:hover { background-color:#00C79F; transition: 0.5s!important; -webkit-transition: all 300ms linear; transition: all 300ms linear; color:white; } .p1x-field-group-field_7f41b8e.p1x-col-50 > div,.p1x-field-group-field_be75395.p1x-col-75 > div,.p1x-field-group-field_db6d9de.p1x-col-100 > div,.p1x-field-group-field_f57588f.p1x-col-100.p1x-field-required > div,.p1x-field-group-field_a923b28.p1x-col-100.p1x-field-required > div,.p1x-field-group-field_be75395.p1x-col-75.p1x-field-required > div{ width:100%!important; } .p1x-field-group-field_7f41b8e.p1x-col-50 > div > span:nth-child(1),.p1x-field-group-field_7f41b8e.p1x-col-50 > div > span:nth-child(2){ width:50%!important; } .p1x-field-group-field_be75395.p1x-col-75 > div > span:nth-child(1),.p1x-field-group-field_be75395.p1x-col-75 > div > span:nth-child(2),.p1x-field-group-field_be75395.p1x-col-75 > div > span:nth-child(3),.p1x-field-group-field_be75395.p1x-col-75.p1x-field-required > div > span:nth-child(1),.p1x-field-group-field_be75395.p1x-col-75.p1x-field-required > div > span:nth-child(2),.p1x-field-group-field_be75395.p1x-col-75.p1x-field-required > div > span:nth-child(3){ width:33%; } .p1x-field-group-field_db6d9de.p1x-col-100 > div > span:nth-child(1),.p1x-field-group-field_db6d9de.p1x-col-100 > div > span:nth-child(2),.p1x-field-group-field_db6d9de.p1x-col-100 > div > span:nth-child(3),.p1x-field-group-field_db6d9de.p1x-col-100 > div > span:nth-child(4),.p1x-field-group-field_f57588f.p1x-col-100.p1x-field-required > div > span:nth-child(1),.p1x-field-group-field_f57588f.p1x-col-100.p1x-field-required > div > span:nth-child(2),.p1x-field-group-field_f57588f.p1x-col-100.p1x-field-required > div > span:nth-child(3),.p1x-field-group-field_f57588f.p1x-col-100.p1x-field-required > div > span:nth-child(4),.p1x-field-group-field_a923b28.p1x-col-100.p1x-field-required > div > span:nth-child(1),.p1x-field-group-field_a923b28.p1x-col-100.p1x-field-required > div > span:nth-child(2),.p1x-field-group-field_a923b28.p1x-col-100.p1x-field-required > div > span:nth-child(3),.p1x-field-group-field_a923b28.p1x-col-100.p1x-field-required > div > span:nth-child(4){ width:25%; } .p1x-field-group-field_386ea1c.p1x-col-20,.p1x-field-group-field_1e577fe.p1x-col-25{ width:12.5%!important; } #formular .p1x-field-type-checkbox label{ display: inline-block; background-color:#2B2B2B; padding: 20px 20px 20px 20px; font-size: 20px; border-radius: 2px; transition: 0.5s!important; color:#018BC9; cursor:pointer; width:100%; height:100%!important; vertical-align: center!important; font-weight:500; border:solid 1px #018BC9; } #formular input[type="checkbox"]:checked + label { background: -webkit-linear-gradient(#27347a,#0e7dc2); background: -moz-linear-gradient(#27347a,#0e7dc2); background: -o-linear-gradient(#27347a,#0e7dc2); background: linear-gradient(#27347a,#0e7dc2); -webkit-transition: all 300ms linear; transition: all 300ms linear; color:white!important; border:solid 1px black!important; } #formular .p1x-field-type-checkbox label:hover { background-color:#018BC9; transition: 0.5s!important; -webkit-transition: all 300ms linear; transition: all 300ms linear; color:white; border:solid 1px transparent; } .p1x-field-group-field_a075dbb.p1x-col-100 > div > span:nth-child(1) > label, .p1x-field-group-field_a075dbb.p1x-col-100 > div > span:nth-child(2) > label, .p1x-field-group-field_a075dbb.p1x-col-100 > div > span:nth-child(3) > label, .p1x-field-group-field_a075dbb.p1x-col-100 > div > span:nth-child(4) > label, .p1x-field-group-field_a075dbb.p1x-col-100 > div > span:nth-child(5) > label, .p1x-field-group-field_a075dbb.p1x-col-100 > div > span:nth-child(6) > label, .p1x-field-group-field_a075dbb.p1x-col-100 > div > span:nth-child(7) > label, .p1x-field-group-field_a075dbb.p1x-col-100 > div > span:nth-child(8) > label{ width:100%!important; display:inline-block; } .p1x-field-group-field_a075dbb.p1x-col-100 > div > span:nth-child(1), .p1x-field-group-field_a075dbb.p1x-col-100 > div > span:nth-child(2), .p1x-field-group-field_a075dbb.p1x-col-100 > div > span:nth-child(3), .p1x-field-group-field_a075dbb.p1x-col-100 > div > span:nth-child(4), .p1x-field-group-field_a075dbb.p1x-col-100 > div > span:nth-child(5), .p1x-field-group-field_a075dbb.p1x-col-100 > div > span:nth-child(6), .p1x-field-group-field_a075dbb.p1x-col-100 > div > span:nth-child(7), .p1x-field-group-field_a075dbb.p1x-col-100 > div > span:nth-child(8){ margin-bottom:10px; width:33%; } .p1x-field-group-field_a075dbb.p1x-col-100 > div{ width:100%; } @media only screen and (max-width: 768px){ .p1x-field-group-field_7f41b8e.p1x-col-50 > div > span:nth-child(1),.p1x-field-group-field_7f41b8e.p1x-col-50 > div > span:nth-child(2),.p1x-field-group-field_be75395.p1x-col-75 > div > span:nth-child(1),.p1x-field-group-field_be75395.p1x-col-75 > div > span:nth-child(2),.p1x-field-group-field_be75395.p1x-col-75 > div > span:nth-child(3),.p1x-field-group-field_db6d9de.p1x-col-100 > div > span:nth-child(1),.p1x-field-group-field_db6d9de.p1x-col-100 > div > span:nth-child(2),.p1x-field-group-field_db6d9de.p1x-col-100 > div > span:nth-child(3),.p1x-field-group-field_db6d9de.p1x-col-100 > div > span:nth-child(4),.p1x-field-group-field_f57588f.p1x-col-100.p1x-field-required > div > span:nth-child(1),.p1x-field-group-field_f57588f.p1x-col-100.p1x-field-required > div > span:nth-child(2),.p1x-field-group-field_f57588f.p1x-col-100.p1x-field-required > div > span:nth-child(3),.p1x-field-group-field_f57588f.p1x-col-100.p1x-field-required > div > span:nth-child(4),.p1x-field-group-field_a923b28.p1x-col-100.p1x-field-required > div > span:nth-child(1),.p1x-field-group-field_a923b28.p1x-col-100.p1x-field-required > div > span:nth-child(2),.p1x-field-group-field_a923b28.p1x-col-100.p1x-field-required > div > span:nth-child(3),.p1x-field-group-field_a923b28.p1x-col-100.p1x-field-required > div > span:nth-child(4),.p1x-field-group-field_be75395.p1x-col-75.p1x-field-required > div > span:nth-child(1),.p1x-field-group-field_be75395.p1x-col-75.p1x-field-required > div > span:nth-child(2),.p1x-field-group-field_be75395.p1x-col-75.p1x-field-required > div > span:nth-child(3){ width:100%!important; margin-bottom:10px; } .p1x-field-group-field_a075dbb.p1x-col-100 > div > span:nth-child(1), .p1x-field-group-field_a075dbb.p1x-col-100 > div > span:nth-child(2), .p1x-field-group-field_a075dbb.p1x-col-100 > div > span:nth-child(3), .p1x-field-group-field_a075dbb.p1x-col-100 > div > span:nth-child(4), .p1x-field-group-field_a075dbb.p1x-col-100 > div > span:nth-child(5), .p1x-field-group-field_a075dbb.p1x-col-100 > div > span:nth-child(6),.p1x-field-group-field_a075dbb.p1x-col-100 > div > span:nth-child(7),.p1x-field-group-field_a075dbb.p1x-col-100 > div > span:nth-child(8){ margin-bottom:10px; width:100% } } #formular .e-form__indicators__indicator__progress__meter{ background: -webkit-linear-gradient(to right,#444AAB,#00C79F); background: -moz-linear-gradient(to right,#444AAB,#00C79F); background: -o-linear-gradient(to right,#444AAB,#00C79F); background: linear-gradient(to right,#444AAB,#00C79F); } #formular .e-form__indicators__indicator__progress{ background-color: black; } #formular .e-form__buttons__wrapper__button-next:hover{ box-shadow:0px 0px 5px 0px rgba(0,0,0,0.7); } .p1x-field-group-field_b1b6a70.p1x-col-100.p1x-field-required > div{ width:100%; } .p1x-field-group-field_b1b6a70.p1x-col-100.p1x-field-required > div > span:nth-child(1),.p1x-field-group-field_b1b6a70.p1x-col-100.p1x-field-required > div > span:nth-child(2),.p1x-field-group-field_b1b6a70.p1x-col-100.p1x-field-required > div > span:nth-child(3),.p1x-field-group-field_b1b6a70.p1x-col-100.p1x-field-required > div > span:nth-child(4),.p1x-field-group-field_dbfaca7.p1x-col-100.p1x-field-required > div > span:nth-child(1),.p1x-field-group-field_dbfaca7.p1x-col-100.p1x-field-required > div > span:nth-child(2),.p1x-field-group-field_dbfaca7.p1x-col-100.p1x-field-required > div > span:nth-child(3),.p1x-field-group-field_dbfaca7.p1x-col-100.p1x-field-required > div > span:nth-child(4){ width:25%; } .p1x-field-group-field_2862834.p1x-col-75.p1x-field-required > div > span:nth-child(1),.p1x-field-group-field_2862834.p1x-col-75.p1x-field-required > div > span:nth-child(2),.p1x-field-group-field_2862834.p1x-col-75.p1x-field-required > div > span:nth-child(3){ width:33.3%; } @media only screen and (max-width: 768px){ .p1x-field-group-field_b1b6a70.p1x-col-100.p1x-field-required > div > span:nth-child(1),.p1x-field-group-field_b1b6a70.p1x-col-100.p1x-field-required > div > span:nth-child(2),.p1x-field-group-field_b1b6a70.p1x-col-100.p1x-field-required > div > span:nth-child(3),.p1x-field-group-field_b1b6a70.p1x-col-100.p1x-field-required > div > span:nth-child(4),.p1x-field-group-field_dbfaca7.p1x-col-100.p1x-field-required > div > span:nth-child(1),.p1x-field-group-field_dbfaca7.p1x-col-100.p1x-field-required > div > span:nth-child(2),.p1x-field-group-field_dbfaca7.p1x-col-100.p1x-field-required > div > span:nth-child(3),.p1x-field-group-field_dbfaca7.p1x-col-100.p1x-field-required > div > span:nth-child(4),.p1x-field-group-field_2862834.p1x-col-75.p1x-field-required > div > span:nth-child(1),.p1x-field-group-field_2862834.p1x-col-75.p1x-field-required > div > span:nth-child(2),.p1x-field-group-field_2862834.p1x-col-75.p1x-field-required > div > span:nth-child(3){ width:100%; margin-bottom:10px; }} .kundenlogoweblanlogoloop{ position: relative; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; vertical-align: middle; align-content: center; align-items: center; max-height: 60px; overflow: hidden; } .kundenlogoweblanlogoloop img{ filter: grayscale(1); max-height: 60px; object-fit: contain; } .webdesignbeitragsbild{ width:80%; } .kundenlogoloop{ position: relative; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; vertical-align: middle; align-content: center; align-items: center; max-height: 60px; overflow: hidden; } .kundenlogoloop img{ filter: grayscale(1); max-height: 60px; object-fit: contain; } .kundenlogoloop:nth-child(5),.kundenlogoloop:nth-child(6),.kundenlogoloop:nth-child(7),.kundenlogoloop:nth-child(8),.kundenlogoloop:nth-child(13),.kundenlogoloop:nth-child(14),.kundenlogoloop:nth-child(15),.kundenlogoloop:nth-child(16){ margin-top: -90px; } .kundenlogoloop:nth-child(5) img,.kundenlogoloop:nth-child(6) img,.kundenlogoloop:nth-child(7) img,.kundenlogoloop:nth-child(8) img,.kundenlogoloop:nth-child(13) img,.kundenlogoloop:nth-child(14) img,.kundenlogoloop:nth-child(15) img,.kundenlogoloop:nth-child(16) img{ opacity: 0; animation: kundenlogoinvisible; animation-iteration-count: infinite; animation-duration: 25s; } @keyframes kundenlogovisible { 0% { opacity:1; } 30% { opacity:1; } 40% { opacity:0; } 80% { opacity:0; } 100% { opacity:1; } } @keyframes kundenlogoinvisible { 0% { opacity:0; } 30% { opacity:0; } 50% { opacity:1; } 80% { opacity:1; } 90% { opacity:0; } 100% { opacity:0; } } .kundenlogoloop:nth-child(1) img,.kundenlogoloop:nth-child(2) img,.kundenlogoloop:nth-child(3) img,.kundenlogoloop:nth-child(4) img,.kundenlogoloop:nth-child(9) img,.kundenlogoloop:nth-child(10) img,.kundenlogoloop:nth-child(11) img,.kundenlogoloop:nth-child(12) img{ animation: kundenlogovisible; animation-iteration-count: infinite; animation-duration: 25s; } .kundenlogoloop:nth-child(2) img,.kundenlogoloop:nth-child(6) img{ animation-delay: 14s; } .kundenlogoloop:nth-child(3) img,.kundenlogoloop:nth-child(7) img{ animation-delay: 8s; } .kundenlogoloop:nth-child(4) img,.kundenlogoloop:nth-child(8) img{ animation-delay: 4s; } .kundenlogoloop:nth-child(9) img,.kundenlogoloop:nth-child(13) img{ animation-delay: 10s; } .kundenlogoloop:nth-child(10) img,.kundenlogoloop:nth-child(14) img{ animation-delay: 2s; } .kundenlogoloop:nth-child(11) img,.kundenlogoloop:nth-child(15) img{ animation-delay: 6s; } .kundenlogoloop:nth-child(12) img,.kundenlogoloop:nth-child(16) img{ animation-delay: 12s; } @media only screen and (max-width: 768px) { .kundenlogoloop:nth-child(3),.kundenlogoloop:nth-child(4),.kundenlogoloop:nth-child(7),.kundenlogoloop:nth-child(8),.kundenlogoloop:nth-child(11),.kundenlogoloop:nth-child(12),.kundenlogoloop:nth-child(15),.kundenlogoloop:nth-child(16){ margin-top: -90px; } .kundenlogoloop:nth-child(1),.kundenlogoloop:nth-child(2),.kundenlogoloop:nth-child(5),.kundenlogoloop:nth-child(6),.kundenlogoloop:nth-child(9),.kundenlogoloop:nth-child(10),.kundenlogoloop:nth-child(13),.kundenlogoloop:nth-child(14){ margin-top: 0px; } .kundenlogoloop:nth-child(3) img,.kundenlogoloop:nth-child(4) img,.kundenlogoloop:nth-child(7) img,.kundenlogoloop:nth-child(8) img,.kundenlogoloop:nth-child(11) img,.kundenlogoloop:nth-child(12) img,.kundenlogoloop:nth-child(15) img,.kundenlogoloop:nth-child(16) img{ opacity: 0; animation: kundenlogoinvisible; animation-iteration-count: infinite; animation-duration: 25s; } .kundenlogoloop:nth-child(1) img,.kundenlogoloop:nth-child(2) img,.kundenlogoloop:nth-child(5) img,.kundenlogoloop:nth-child(6) img,.kundenlogoloop:nth-child(9) img,.kundenlogoloop:nth-child(10) img,.kundenlogoloop:nth-child(13) img,.kundenlogoloop:nth-child(14) img{ opacity: 1; animation: kundenlogovisible; animation-iteration-count: infinite; animation-duration: 25s; } .kundenlogoloop:nth-child(2) img,.kundenlogoloop:nth-child(4) img{ animation-delay: 14s; } .kundenlogoloop:nth-child(5) img,.kundenlogoloop:nth-child(7) img{ animation-delay: 8s; } .kundenlogoloop:nth-child(6) img,.kundenlogoloop:nth-child(8) img{ animation-delay: 4s; } .kundenlogoloop:nth-child(9) img,.kundenlogoloop:nth-child(11) img{ animation-delay: 10s; } .kundenlogoloop:nth-child(10) img,.kundenlogoloop:nth-child(12) img{ animation-delay: 2s; } .kundenlogoloop:nth-child(13) img,.kundenlogoloop:nth-child(15) img{ animation-delay: 6s; } .kundenlogoloop:nth-child(14) img,.kundenlogoloop:nth-child(16) img{ animation-delay: 12s; } } @media only screen and (max-width: 768px) { .megamenumobilhintergrund p{ background-color: transparent; background-image: linear-gradient(90deg, #444AAB 0%, #00C79F 100%); padding:5px; }} .checkbody{ font-family: "Poppins"; text-align: center; } .checkquestion{ font-size:35px; font-weight:600 } .checkresult{ -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); border-radius:10px; padding:20px; text-align: center; font-family: "Poppins"; margin-top:20px; font-size: 25px; background-color:var( --p1-global-color-5e68ff0 ); } .checkresult ul{ list-style:none; } .checkbody #url{ width:300px; } #checkbutton{ background-color: var( --p1-global-color-0f50484 )!important; border-radius: 0px; border:none; padding: 15px 40px; color:var( --p1-global-color-secondary )!important; font-weight: 600; transition: 0.3s; margin-top:10px; } #checkbutton:hover{ box-shadow:0px 0px 5px 0px rgba(255,255,255,1); } .output{ margin-top:30px; color:var( --p1-global-color-0f50484 ); } .outputresult{ font-weight:700; font-size: 35px; color:var( --p1-global-color-0f50484 ); line-height:1.4; } .outputresult.wp + ul a{ color:var( --p1-global-color-0f50484 ); line-height:1.4; } .output > span{ font-size:18px; margin-bottom:15px; } .tabellecheck{ font-size:13px; list-style-type: none; } .tabellecheck li{ border-bottom:solid 1px white; padding:5px; background-color:var( --p1-global-color-secondary ); color: var( --p1-global-color-0f50484 ); } .loader { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width:250px; } .hidden { display: none; } #text-container { position: relative; } .text-block { text-align:center; font-family:"Poppins"; font-size:20px; font-weight:600; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; animation: show-text 8s infinite; } .text-block:nth-child(2){ animation-delay:2s; } .text-block:nth-child(3){ animation-delay:4s; } .text-block:nth-child(4){ animation-delay:6s; } @keyframes show-text { 0% { opacity: 0; } 12.5% { opacity: 1; } 25% { opacity: 0; } 100% { opacity: 0; } } .rechnerbody.mwst{ font-family:"Poppins"; text-align:center; color:white; } .radiodiv{ margin-bottom:20px; } .radiodiv input[type=radio]{ opacity:0; width:0px; } .radiodiv label{ width:80px; text-align:center; background-color:transparent; padding:10px; transition:0.3s; cursor:pointer; border:solid 1px var( --p1-global-color-0f50484 ); } .radiodiv input:hover + label{ background-color:transparent; color:var( --p1-global-color-0f50484 ); border:solid 1px var( --p1-global-color-accent ); } .radiodiv input:checked + label{ color:var( --p1-global-color-0f50484 ); font-weight:700; border:solid 2px var( --p1-global-color-accent ); } .inputdiv{ display:inline-flex; margin:10px; text-align:left; -webkit-box-pack: center; -webkit-flex-pack: center; -webkit-justify-content: center; -webkit-flex-align: center; -webkit-align-items: center; } .inputdiv > div{ margin:5px; position:relative; } .inputdiv input{ background-color:transparent; border:1px solid var( --p1-global-color-0f50484 ); border-radius:0px; color:var( --p1-global-color-0f50484 ); } .inputdiv label{ position: absolute; left:10px; top: 5px; padding:1px 5px; color: var( --p1-global-color-0f50484 ); background-color: var( --p1-global-color-secondary )!important; z-index: 10; opacity:0; transition: 0.2s; } .inputdiv label.focused { opacity:1; transform: translateY(-11px); font-size: 15px } #Zuruecksetzen{ opacity:0; pointer-events:none; transition:0.3s; transform:translatey(10px); color:var( --p1-global-color-0f50484 ); border-color:var( --p1-global-color-0f50484 ); } .showbutton{ opacity:1!important; pointer-events:all!important; transform:translatey(0px)!important; } @media only screen and (max-width: 768px) { .inputdiv{ text-align:center!important; display:block!important; } .divMwsteuer{ margin-bottom:20px!important; } .radiodiv label{ width:47%; margin-bottom:7px; } } .domain .checkquestion{ color:white; } #resultOutput{ color:white; margin:20px 0px; font-weight:700; font-size:20px; } #domainform{ display:none; } #domainInput{ max-width:400px; } .domain #checkbutton{ background-color: white!important; border: none; border-radius: 0px; padding: 15px 40px; color:black!important; font-weight: 600; transition: 0.3s; margin-top:10px; } #closechat{ position:absolute; top:10px; right:10px; width:25px; transition:0.3s; cursor:pointer; } #closechat:hover{ transform:rotate(90deg) } #chat-btn { position: fixed; bottom: 20px; right: 20px; background-color: transparent; background-image: linear-gradient(90deg, var( --p1-global-color-primary ) 0%, var( --p1-global-color-accent ) 100%); color: #fff; border: none; padding: 10px 10px 10px 20px; border-radius: 50px; cursor: pointer; z-index: 99999; box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 16px; transition: 0.3s; font-family: "Poppins"; font-weight: 600; } #chat-btn:hover { box-shadow: rgba(0, 0, 0, 0.7) 0px 2px 16px; } #chatbuttonimg{ width:30px; height:30px; border-radius:100000px; margin-bottom:-10px; margin-top:-5px; margin-left:10px; } #chat-popup { opacity: 0; visibility: hidden; display: none; position: fixed; bottom: 80px; right: 20px; width: 300px; max-width: 100%; background-color: #fff; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.3); z-index: 99999; transition: opacity 0.3s ease, visibility 0.3s ease; transition: 0.5s; font-family: "Poppins"; } #chat-popup.open { visibility: visible; display: block; opacity: 1; transform: translateX(0px); } #chat-popup.fade-out { opacity: 0; visibility: hidden; transform: translateX(20px); } #chat-window { opacity: 0; visibility: hidden; display: none; position: relative; top: 0; border-radius: 10px; width: 100%; height: 100%; padding: 0px; font-size: 1.2em; text-align: center; transition: opacity 0.3s ease, visibility 0.3s ease; } #chat-window.open { opacity: 1; visibility: visible; display: block; } #chat-window.fade-out { opacity: 0; visibility: hidden; } #form{ padding: 20px; } #entry{ background-color: var( --p1-global-color-5e68ff0 ); color:var( --p1-global-color-0f50484 ); padding: 20px; text-align: left; border-radius: 10px 10px 0px 0px } #entryright{ text-align: right; margin-top: -40px; margin-bottom: -40px; } #entryimg{ border-radius: 10000px; width:50px; } .welcometitle{ font-weight:700; font-size: 18px; } .welcometext{ font-size: 14px; } .p1x-field-group-ChatTelefon,.p1x-field-group-ChatEmail{ display:none; } #chatformular .p1x-field-group-field_6234a37{ font-size:13px; } .p1x-field-group-ChatTelefonEmail > div{ width:100% } .p1x-field-group-ChatTelefonEmail > div >span{ width:50%; } .p1x-field-group-ChatTelefonEmail > div >span:nth-child(2){ padding-right:0px!important; } #chatformular input[type="radio"], #chatformular input[type="checkbox"] { opacity: 0; position: fixed; width: 0; } #chatformular .p1x-field-type-radio label{ display: inline-block; background-color:var( --p1-global-color-8f984aa ); width:50%; padding:10px; font-size: 14px; border: 0px solid #444aab; border-radius: 3px; transition: 0.5s!important; color:var( --p1-global-color-text ); cursor:pointer; width:100%; height:auto!important; vertical-align: center!important; font-weight:500; line-height: 1.3; text-align:center; } #chatformular input[type="radio"]:focus + label { border: 2px dashed #444; } #chatformular .p1x-field-type-radio label:hover,#chatformular input[type="radio"]:checked + label { background-color:var( --p1-global-color-5e68ff0 ); transition: 0.5s!important; -webkit-transition: all 300ms linear; transition: all 300ms linear; color:white; } #Ja #mega-menu-item-137 > ul{ background-image: linear-gradient(90deg, var( --p1-global-color-primary ) 0%, var( --p1-global-color-accent ) 100%)!important; } #Ja.p1x-sticky--effects #mega-menu-item-137 > ul{ background-image: none!important; } .megasubmenu p,.megasubmenu p a{ color:var( --p1-global-color-0f50484 )!important; font-weight:800; } #mega-menu-item-text-6 > div > p:nth-child(3),#mega-menu-item-text-7 > div > p:nth-child(3){ margin-top:30px!important } .megasubmenu li a{ color:var( --p1-global-color-0f50484 )!important; } .megasubmenu p a,.megasubmenu li a{ transition: 0.3s; } .megasubmenu p a:hover,.megasubmenu li a:hover{ text-shadow: 0px 0px 3px var( --p1-global-color-0f50484 ); } .megasubmenu ul{ padding-inline-start: 0px; list-style-type: none; } .megasubmenu ul li{ border-bottom:solid 1px #FFFFFF3B; padding-bottom:5px; margin-bottom:5px; } .megasubmenu ul li:last-child{ border-bottom:none; } @media only screen and (max-width: 1028px) { .megasubmenu .textwidget{ text-align:center; margin-top:40px; background-color:var( --p1-global-color-5e68ff0 )!important; padding:10px } #mega-menu-item-text-2 > div{ margin-top:0px; } #Ja #mega-menu-item-137 > ul{ background-image: none!important; } } .passwortgenerator{ font-family:"Poppins"; } .passwortinput{ position:relative; width:70%; display:inline-block; } .passwortinput input{ font-weight:600; padding:12px; background-color:var( --p1-global-color-secondary ); color:var( --p1-global-color-0f50484 ); } .passwortgenerator #copy{ width:29%; background-color:var( --p1-global-color-0f50484 ); border:solid 1px var( --p1-global-color-0f50484 ); border-radius:3px; font-weight:800; color:var( --p1-global-color-text ); text-transform:uppercase; padding:12px; transition:0.3s; } .passwortgenerator #copy:hover{ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); } #password-strength{ color:var( --p1-global-color-0f50484 ); padding:5px; transition:0.5s; position:absolute; width:100px; right:0px; text-align:center; border-radius:3px; top:9px; right:4px; font-weight:600 } .Schlecht{ background-color:#F00000; } .Gut{ background-color:#ECB941; } .SehrGut{ background-color:#13DA48; } .passwortinput label{ position: absolute; left:10px; top: 5px; padding:1px 5px; color: #999; background-color: var( --p1-global-color-secondary ); z-index: 10; transform: translateY(-11px); font-size: 12px } .passwortfilter{ padding:20px; margin-top:10px; background-color:var( --p1-global-color-5e68ff0 ); border-radius:4px; color:var( --p1-global-color-0f50484 ); } .verwendetezeichen{ margin-top:20px; } .verwendetezeichen input{ opacity: 0; position: fixed; width: 0; } .verwendetezeichen input + label{ transition:0.3s; padding:10px; border-radius:3px; cursor:pointer; padding-right:20px; padding-left:20px; } .verwendetezeichen input + label i{ transition:0.3s; transform:rotate(90deg)scale(0.4); opacity:0; margin-right:-20px } .verwendetezeichen input:hover + label{ background-color:var( --p1-global-color-0f50484 ); color:var( --p1-global-color-text ); } .verwendetezeichen input:checked + label{ background-color:var( --p1-global-color-0f50484 ); color:var( --p1-global-color-text ); padding-left:10px; padding-right:10px; } .verwendetezeichen input:checked + label i{ transform:rotate(0deg)scale(1); opacity:1; margin-right:0px; } .firstcolumn{ width:180px; display:inline-block; font-weight:500; } #length{ width:288px; } #length-value{ font-weight:600; } .passwortfilter input[type="range"] { -webkit-appearance: none; appearance: none; height: 10px; width: 100%; margin: 10px 0; border-radius: 5px; background-color: #ddd; outline: none; } .passwortfilter input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; height: 20px; width: 20px; border-radius: 50%; background-color: var( --p1-global-color-accent ); cursor: pointer; } .passwortfilter input[type="range"]::-moz-range-thumb { height: 20px; width: 20px; border-radius: 50%; background-color: var( --p1-global-color-accent ); cursor: pointer; } @media screen and (max-width: 767px) { .passwortinput{ width:100%; } .passwortgenerator #copy{ width:100%; margin-top:10px; } .firstcolumn{ width:100% } } .dezimalrechnerbody{ font-family:"Poppins"; color:var( --p1-global-color-0f50484 ) } .dezimalrechnerbody .inputdiv{ display:flex; } .divDezimalstunden,.divStundenMinuten{ order: 5; flex-grow: 4; } .dezimalrechnerbody .inputdiv i{ text-align:center; font-size:40px; order: 5; flex-grow: 1; } .divDezimalstunden,.divStundenMinuten{ position:relative; } #Dezimalstundencopy,#StundenMinutencopy{ position:absolute; right:0px; top:0px; transition:0.3s; opacity:1; background-color:var( --p1-global-color-accent ); padding:8px 8px 7px 8px; border-color:var( --p1-global-color-accent ); border-radius:0px; color:var( --p1-global-color-0f50484 ); font-weight:600; transition:0.2s; } #Dezimalstundencopy:hover,#StundenMinutencopy:hover{ color:var( --p1-global-color-text ) } .divDezimalstundenZuruecksetzen{ text-align:center; margin-top:30px; } #dezimalrechnerbodyZuruecksetzen{ opacity:0; pointer-events:none; transition:0.3s; transform:translatey(10px); border:none; background-color:transparent; text-decoration:underline; background-color:var( --p1-global-color-0f50484 ); color:var( --p1-global-color-text ); } #dezimalrechnerbodyZuruecksetzen.showbutton{ opacity:1!important; pointer-events:all!important; transform:translatey(0px)!important; } @media screen and (max-width: 767px) { .dezimalrechnerbody .inputdiv{ display:block; } .dezimalrechnerbody .inputdiv i{ transform:rotate(90deg); margin:20px 0px; } } .checkbody.qrcode #content { width: 300px; } .checkbody.qrcode button{ background-color: var( --p1-global-color-0f50484 )!important; border-radius: 0px; border:none; padding: 15px 40px; color:var( --p1-global-color-secondary )!important; font-weight: 600; transition: 0.3s; margin-top:10px; } .checkbody.qrcode button:hover{ box-shadow:0px 0px 5px 0px rgba(255,255,255,1); } #qrcode{ margin-top:20px; display: flex; justify-content: center; align-items: center; } #qrcode img{ width:300px } #qrcodediv{ background-color:var( --p1-global-color-5e68ff0 ); padding:10px; display:block; border-radius:4px; margin-top:10px; } #downloadLink{ background-color: black!important; border: 2px solid Black; border-radius: 0px; padding: 15px 40px; color: white!important; font-weight: 600; transition: 0.3s; margin-top: 20px; } #downloadLink:hover{ background-color: transparent!important; color: black!important; } .checkbody.wortzaehler{ display:flex; } .checkbody.wortzaehler #input-text,.checkbody.wortzaehler #counter{ border:none; background-color:var( --p1-global-color-5e68ff0 ); padding:20px; border-radius:4px; width:70%; color:var( --p1-global-color-0f50484 ); } .checkbody.wortzaehler #counter{ margin-left:10px; width:30%; } .Ergebnis{ font-weight:700; font-size:20px; } #counter p{ font-weight:600; text-align:left; font-size:20px; transition:0.3s; } #counter p:hover{ transform:scale(1.02); text-shadow: 0px 0px 3px #fff; } #counter p span{ font-weight:400; font-size:14px; } @media screen and (max-width: 767px) { .checkbody.wortzaehler{ display:block; } .checkbody.wortzaehler #input-text,.checkbody.wortzaehler #counter{ width:100%; display:block; } .checkbody.wortzaehler #counter{ margin-left:0px; margin-top:10px; } } .review-container-left{ display:inline-block; width:60%; vertical-align:top; background-color:var( --p1-global-color-5e68ff0 ); padding:10px; border-radius:4px; color:var( --p1-global-color-0f50484 ); } .review-container-left .p1x-star-rating i{ color: var( --p1-global-color-accent ); font-size:20px } .review-container-left .p1x-star-rating i:before{ color: var( --p1-global-color-accent ); } .review-container-right{ display:inline-block; width:38%; vertical-align:top; background-color:var( --p1-global-color-5e68ff0 ); padding:10px; border-radius:4px; color:var( --p1-global-color-0f50484 ); } .review-container-left label{ display:inline-block; width:29%; } .review-container-left input{ display:inline-block; width:70%; margin-bottom:10px; } #average-rating,#unrounded-rating,#missing-reviews{ font-weight:600; display:block; font-size:30px; } .review-container-right p{ background-color:var( --p1-global-color-secondary ); border-radius:4px; } @media screen and (max-width: 767px) { .review-container-left,.review-container-right{ width:100% } .review-container-right{ margin-top:10px; } .review-container-left label, .review-container-left input{ width:100% } .review-container-left .p1x-star-rating i{ margin-bottom:10px; margin-top:20px; } } .rechnerbody.paypal{ background-color:transparent; padding:10px; border-radius:4px; font-family:"Poppins"; color:var( --p1-global-color-0f50484 ); } .rechnerbody .selectdiv select{ background-color:var( --p1-global-color-8f984aa ); padding:10px; appearance: none; border:none; } .rechnerbody .caret{ position:absolute; right:17px; top:17px; transform:rotate(90deg); font-size:20px; color:var( --p1-global-color-secondary ); } .rechnerbody.paypal .inputdiv{ width:100%; display:inline-flex; margin:10px 0px; text-align:left; -webkit-box-pack: center; -webkit-flex-pack: center; -webkit-justify-content: center; -webkit-flex-align: center; -webkit-align-items: center; } .rechnerbody .inputdiv > div{ margin:5px; position:relative; } .rechnerbody .inputdiv label{ position: absolute; left:10px; top: 5px; padding:1px 5px; color: var( --p1-global-color-0f50484 ); background-color: var( --p1-global-color-secondary )!important; background-color: #fff; z-index: 10; opacity:0; transition: 0.2s; } .rechnerbody .inputdiv label.focused { opacity:1; transform: translateY(-11px); font-size: 14px } .rechnerbody #Zuruecksetzen{ opacity:0; pointer-events:none; transition:0.3s; transform:translatey(10px); } .rechnerbody .showbutton{ opacity:1!important; pointer-events:all!important; transform:translatey(0px)!important; } .rechnerbody.paypal .copybutton{ position:absolute; right:4px; top:7px; padding:3px; background-color: var( --p1-global-color-0f50484 ); border: solid 1px var( --p1-global-color-0f50484 ); border-radius: 3px; font-weight: 600; color: var( --p1-global-color-text ); transition: 0.3s; font-size:14px; opacity:0; cursor:pointer } .rechnerbody.paypal .copybutton:hover{ color: var( --p1-global-color-text ); opacity:1; } .rechnerbody.paypal input:hover + .copybutton{ opacity:1; } @media only screen and (max-width: 768px) { .inputdiv{ text-align:center; display:block; } .radiodiv label{ width:47%; margin-bottom:7px; } } .rechnerbodyneu.shopifytheme{ font-family:"Poppins"; display:flex; justify-content:center; } .rechnerbodyneu.shopifytheme form{ width:500px; display:flex; } .rechnerbodyneu.shopifytheme input[type=text]{ background-color:transparent; padding:10px; border-radius:0px; color:var( --p1-global-color-0f50484 ) } .rechnerbodyneu.shopifytheme #checkbutton{ background-color:var( --p1-global-color-0f50484 )!important; color:var( --p1-global-color-text )!important; padding:10px; margin:0px; border:solid 1px var( --p1-global-color-0f50484 ); margin-left:5px; } .rechnerbodyneu.shopifytheme #checkbutton:hover{ background-color:transparent!important; color:var( --p1-global-color-0f50484 )!important; padding:10px; margin:0px; border:solid 1px var( --p1-global-color-0f50484 ); margin-left:5px; } .outputresult.shopifytheme{ text-align:center; color:var( --p1-global-color-0f50484 ); font-size:22px; margin-top:20px; } .arbeitszeitrechnerbody{ font-family:"Poppins"; display:flex; justify-content:center; } .arbeitszeitrechnerbody .inputdiv{ justify-content:center } .arbeitszeitrechnerbis{ color:var( --p1-global-color-0f50484 ) } .divArbeitszeit input{ background-color:transparent; border:0px solid var( --p1-global-color-0f50484 ); border-radius:0px; color:var( --p1-global-color-0f50484 ); } .divArbeitszeit label{ position: absolute; left:10px; top: 5px; padding:1px 5px; color: #999; background-color: var( --p1-global-color-secondary )!important; z-index: 10; opacity:0; transition: 0.2s; } .divArbeitszeit label.focused { opacity:1; transform: translateY(-11px); font-size: 12px } #Arbeitszeit{ font-size:30px; font-weight:600; } .rechnerbody.roas{ font-family:"Poppins"; display:flex; justify-content:center; color:var( --p1-global-color-0f50484 ); text-align:center; } .toolsloop{ font-family:"Poppins"; text-align:center; padding:40px 20px; background-color: var( --p1-global-color-8f984aa ); justify-content:space-between; display: flex; flex-wrap: wrap; align-content: space-between; justify-content: center; } .toolsloop i{ font-size: 50px; width:100%; } .toolsloop-link{ margin-top:25px; display:block; color: var( --p1-global-color-0f50484 )!important; background-color: var( --p1-global-color-secondary ); border-style: solid; border-width: 0px 0px 0px 0px; font-size: 15px; padding: 12px 24px; font-weight:600; } .toolsloop-title{ font-weight: 800; text-transform: uppercase; font-size: 24px; display:block; width:100%; line-height:1.4; margin-top:25px; margin-bottom:20px; } .whatsapplinkbody{ justify-content:center; text-align:center; font-family:"Poppins" } .whatsapplinkbody .inputdiv{ display:block; text-align:center; } .whatsapplinkbody .divTelefonnummer{ width:300px; margin:auto; } .whatsapplinkbody .divLink{ display:inline-flex; margin:auto; margin-top:10px; justify-content:center; text-align:center; } #Link{ border:none; text-align:center; } #Linkcopy{ background-color:var( --p1-global-color-accent ); margin:auto; font-weight:600; color:var( --p1-global-color-0f50484 ); border:none; } #WhatsappZuruecksetzen{ color:var( --p1-global-color-0f50484 ); opacity:0; pointer-events:none; transition:0.3s; transform:translatey(10px); border:none; background-color:transparent; } .tooltip.i{ color:var( --p1-global-color-0f50484 ); border:1px solid var( --p1-global-color-0f50484 ); border-radius:10000px; padding:0.8px 8px 0.8px 8px; font-size:13px; font-weight:700; position:absolute; right:5px; top:10px; z-index:3; transition:0.3s; cursor:pointer; } .tooltip.i:hover{ color:var( --p1-global-color-primary ); background-color:var( --p1-global-color-0f50484 ); } .tooltip.text{ color:var( --p1-global-color-0f50484 ); background-color:var( --p1-global-color-5e68ff0 ); position:absolute; right:25px; top:13px; z-index:0; transition:0.3s; cursor:pointer; opacity:0; pointer-events:none; border-radius:4px; padding:5px } .tooltip.i:hover + .text{ opacity:1; pointer-events:all; z-index:4 } @media only screen and (max-width: 768px) { .whatsapplinkbody .divTelefonnummer{ width:100%; } .tooltip.i{ top:-30px; right:0px; } } #htpasswd-generator{ font-family:"Poppins"; text-align:center; color:white; max-width:820px; overflow:hidden; } .inputs-div{ display:inline-flex; text-align:left; } .inputs-div > div{ margin:5px; position:relative; } .inputs-div > div:first-child{ margin-left:0px; } .inputs-div input{ background-color:transparent; border:1px solid var( --p1-global-color-0f50484 ); border-radius:0px; color:var( --p1-global-color-0f50484 ); } .inputs-div label{ position: absolute; left:10px; top: 5px; padding:1px 5px; color: #999; background-color: var( --p1-global-color-secondary )!important; z-index: 10; opacity:0; transition: 0.2s; } .inputs-div label.focused { opacity:1; transform: translateY(-11px); font-size: 12px } #generate-btn{ background-color: var( --p1-global-color-0f50484 )!important; border-radius: 0px; border:none; padding: 10px 40px; color:var( --p1-global-color-secondary )!important; font-weight: 600; transition: 0.3s; margin:5px 0px 5px 5px } #generate-btn:hover{ box-shadow:0px 0px 5px 0px rgba(255,255,255,1); } #htpasswd-result{ background-color: var( --p1-global-color-5e68ff0 ); border-radius: 4px; padding:10px; transition:0.3s; width:100%; opacity:0; margin-top:-20px; margin-left:10px: } #htpasswd-result.generated{ opacity:1; margin-top:10px; } #htpasswd-content{ margin:auto; justify-content:center; text-align:center; border:none; background-color: var( --p1-global-color-secondary ); border-radius: 0px; color: var( --p1-global-color-0f50484 ); } #htpasswd-contentcopy{ background-color:var( --p1-global-color-accent ); margin:auto; font-weight:600; color:var( --p1-global-color-0f50484 ); border:none; } .tooltiphtpasswd.i{ color:var( --p1-global-color-0f50484 ); border:1px solid var( --p1-global-color-0f50484 ); border-radius:10000px; padding:0.8px 8px 0.8px 8px; font-size:13px; font-weight:700; position:absolute; right:5px; top:10px; z-index:3; transition:0.3s; cursor:pointer; } .tooltiphtpasswd.i:hover{ color:var( --p1-global-color-primary ); background-color:var( --p1-global-color-0f50484 ); } .tooltiphtpasswd.text{ color:var( --p1-global-color-0f50484 ); background-color:var( --p1-global-color-5e68ff0 ); position:absolute; right:5px; top:20px; z-index:10; transition:0.3s; cursor:pointer; opacity:0; pointer-events:none; border-radius:4px; padding:5px 10px; font-size:14px; text-decoration:underline } .tooltiphtpasswd.i:hover + .text,.tooltiphtpasswd.text:hover{ opacity:1; pointer-events:all; z-index:4 } @media only screen and (max-width: 768px) { .inputs-div{ display:flex; flex-direction:column; width:100%; } .inputs-div > div{ margin:5px 0px; width:100%; } .inputs-div input{ width:100%; } #generate-btn{ width:100%; margin:5px 0px; } } #tageszaehler-container { display: flex; align-items: center; color:var( --p1-global-color-0f50484 ); } #tageszaehler-container input { margin: 0 5px; } #tageszaehler-container span { margin: 0 5px; } @media only screen and (max-width: 768px) { #tageszaehler-container { display: block!important; text-align:center; } } .switcher-container { margin-bottom: 20px; font-family:var( --p1-global-typography-primary-font-family ), Sans-serif; text-align:center; font-weight:600; } #billingPeriod{ margin-top:10px; } .switch { position: relative; display: inline-block; width: 60px; height: 34px; } .switch input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: var( --p1-global-color-accent ); transition: .4s; } .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; transition: .4s; } input:checked + .slider { background-color:var( --p1-global-color-primary ); } input:checked + .slider:before { transform: translateX(26px); } .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } .webdesignerheading{ font-family: var( --p1-global-typography-text-font-family ), Arial, sans-serif; font-weight:600; color:var( --p1-global-color-text ); font-size:32px } .webdesigner-list{ font-family: var( --p1-global-typography-text-font-family ), Arial, sans-serif; list-style:none; padding-inline-start:0px; display:flex; flex-wrap:wrap; font-weight:600; color:var( --p1-global-color-text ); } .webdesigner-list li{ flex-basis:50%; padding:5px 1px; } @media only screen and (max-width: 768px) { .webdesignerheading,.webdesigner-list{ text-align:center; } .webdesigner-list li{ flex-basis:100%; } }