:root{ 
	--sx-orange: rgb(232 84 2);
	--sx-blue: #455e9a;
	--sx-darkblue: #294075;
	--sx-gradient: linear-gradient(102.12deg, rgb(0, 41, 90) -13.63%, rgb(4, 60, 125) 55.81%);
	--sx-grey: #5b5b5b;
	--sx-yellow:#ffed6d;
	--sx-lightgrey: #d8d8d8; 
} 
    
   
html {  
  scroll-behavior: smooth;       
}           
      
body{ 
	font-family:Roboto, sans-serif;
	font-size:14pt;  
	padding: 0;  
	margin: 0;
	overflow-x: auto;  
	overflow-y: auto;     
	line-height: 1.7;
	color:var(--sx-grey); 
	overflow-wrap: break-word;
	word-wrap: break-word;  
	word-break: break-word;
}

body * {
    max-width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
   
}

a{text-decoration:none;color:var(--sx-orange);}
a:hover{color:var(--sx-grey);text-decoration:underline;font-size:1em}

img{    
	max-width: 100%;
	height: auto;
} 

h1, h2, h3, h4, h5, h6, .post-top h2 a, .post-top h3 a, .single-post-nav-links .prev-title a, .single-post-nav-links .next-title a {
    color: var(--sx-blue);
    letter-spacing: 1px;
}
h2{font-size: 1.6em;}
h3{font-size: 1.3em;}
h4{font-size: 1.15em;}
.container {
    margin-left: auto;
    margin-right: auto;    
    width: 960px;
}

table{line-height:1;    border-collapse: collapse;
    border-spacing: 0;
}
 
@media screen and (min-width: 960px) {
    .container {
        max-width: 1200px;
        width: auto;
    }
}

#sxloader{background:#fff;top: 0px;width: 100vw;height: 100vh;position:fixed;z-index:9999;display:flex;align-items:center}

#sxloader img {width: 120px;height: 120px;border-radius: 50%;padding: 15px;animation:sxpulse .8s infinite;display:block;margin:0 auto}

@keyframes sxpulse{
0% {
    transform: scale(.8);
}
50% {
    transform: scale(1.8);
    filter: drop-shadow(1px 2px 2px rgba(100, 100, 100, .8));
}
}

.one_third {
    width: 31%;
    float: left;
    margin-right: 1%;
	margin-left:1.33%
}
.two_third {
    width: 62%;
    float: left;
    margin-right: 1%;
	margin-left:1.33%
}

footer{
    position: relative;
    display: block;
    float: left;
    width: 100%;
    padding-top: 20px;
	background: var(--sx-gradient);
	color:#fff	
}

footer ul{list-style:none;margin-left: 0;padding-left:0}
footer .hl {
    font-size: 1.5em !important;
    letter-spacing: 1px;
    
}
footer li{margin: 10px 40px 10px 0;border-bottom: 1px solid #6a86c8;padding-bottom: 10px;font-size: 0.8em}

footer .hl:after {
    content: '';
    display: block;
    height: 4px;
    background: var(--sx-orange);
    width: 65px;
    margin: 10px 0 -10px;
}

.sua {
    width: 40px;
    filter: drop-shadow(0px 0px 6px rgba(150,150,150,.5));
    margin-bottom: -10px;
    margin-top: -19px;
}

.footer-txt {
    text-align: center;
    color: #6a86c8;
    background: #0e2048;
    clear: left;
    display: block;
    margin-top: 20px;
    line-height: 2.5em;
    font-size: 0.7em;
}

.pgtitle {
    background: var(--sx-gradient);
    padding: 10px 0px;
    color: #fff;
    z-index: 99999;
    position: relative;
}

h1{font-size: 1.4em!important;padding: 20px 0;margin:0px 0 10px 0}

footer a {
    color: #fff;
    text-decoration: none;
}

.cont_ {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
}

.my-acc {
    display: inline-flex;
    margin-right: 20px;
    align-content: center;
    align-items: center;
    justify-content: center;
    color: var(--sx-grey);
    cursor: pointer;
}

.my-acc div:before {
    content: "\E716";
    width: auto;
    display: inline-block;
    font-family: Segoe MDL2 Assets;
    font-size: 1.5em;
    margin-right: 5px;
}

.lgc {
    display: inline-flex;
    cursor: pointer;
    align-content: center;
    align-items: center;
    justify-content: flex-end;
    color: var(--sx-grey);
}

.lgc div {
    display: inline-block;
    margin: 0 5px;
}

.sicon {
    color: var(--sx-grey);
}

.sbox {
    position: absolute;
    transform: translate(-40px,50px);
    z-index: -1;
}

img.logo {
    max-width: 250px;
}

.csbox {
    color: #fff;
    margin-left: 10px!important;
    margin-top: 3px!important;
}

table#header tr td:nth-child(4) {
    width: 240px;
    text-align: left;
    vertical-align: bottom;
}


td.nav {
    letter-spacing: .5px;
    color: var(--sx-grey);
	
}

td.nav a {
    margin-left: 10px;
    color:  var(--sx-grey);
    position: relative;
}

tr.ntr {
    font-size: 0.8em;
}

.nNav {
    display: inline-block;
    margin-right: 20px;
    cursor: pointer;
    margin-left: 20px;
}

.nNavClose:before {content: '\E8BB';
	width: auto;
    display: inline-block;
    font-family: Segoe MDL2 Assets;
    font-size: 1.0em;
    margin-right: 13px;
    line-height: 1em;
   }
	
.nNavOpen:before {
	content: '\EDE3';
	width: auto;
    display: inline-block;
    font-family: Segoe MDL2 Assets;
    font-size: 1.5em;
    margin-right: 5px;
    line-height: 1em;
    transform: translateY(7px);
	}

div#navMen {
	
    position: absolute;
    width: 816px;
    background: #fff;
    padding: 10px;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 10px 10px rgba(100,100,100,0.5);
	border-top:1px solid #eee;
	margin-top:10px
}

table#tNav{width: 100%;letter-spacing:.5px}
#tNav td:first-child {
    width: 27%;
    vertical-align: top;
}

#tNav td:nth-child(3){width:45%}

.navArr:after {content: '\E76C';
	width: auto;
    display: inline-block;
    font-family: Segoe MDL2 Assets;
    font-size: 1.0em;
    margin-right: 20px;
    line-height: 1em;
	float:right;
   }
   
.tNav div:hover,.sNav:hover,.pNav div:hover,.pNav-actItem,.sNav-actItem, #tNav a:hover,[nav-group]:hover{transition:all 0.3s ease-in-out;color:var(--sx-blue)!important;font-weight:800;letter-spacing:1.5px}

a:focus, a:focus img, input:focus {
    transition: all .5s linear;
    text-decoration: underline;
    text-shadow: 1px 1px 1px  BLACK!important;
}

a:focus img {
    transform: scale(1.05);
    filter: drop-shadow(2px 4px 2px black);
}

.nNav input, #navMen input {
    background-color: transparent!important;
    font-size: 1.0em;
    border: none!important;
    color:  var(--sx-grey)!important;
}

table#header {
    width: 100%;
    border-collapse: separate;
    margin: 0;
}
.nNav input, #navMen input {
    background-color: transparent!important;
    font-size: 1em;
    border: none!important;
    color:  var(--sx-grey)!important;
}

.lgc div:nth-of-type(2) {
    color: var(--sx-orange)!important;
    font-weight: 400;
}

.sicon:before {
    content: "\f78b";
    width: auto;
    display: inline-block;
    font-family: Segoe MDL2 Assets;
    font-size: 1.5em;
    margin-right: 5px;
}
 
span.breadcrumb {
    font-size: 0.7em;
    color: var(--sx-grey);
    z-index: 9999;
    position: relative;
    backdrop-filter: blur(50px);
}

sx-info-box img {
    position: absolute;
    top: -32px;
    opacity: .1;
}

#tNav td:nth-child(2) {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    width: 34%;
    vertical-align: top;
}   

topelem {
    position: sticky;
    top: 0;
    background: #fff;
    display: block;
    box-shadow: rgba(100, 100, 100, 0.5) 0px 0px 10px;
    z-index: 999999999;
}

.one_half {
    width: 47%;
    margin-right: 2%;
    float: left;
    margin-bottom: 1%;
    position: relative;
    box-sizing: border-box;
    max-width: 47%;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.cat-block {
    background-color: #fff;
    box-shadow: 0px 0px 16px rgb(0 0 0 / 8%);
    text-align: center;
    margin: 30px 0;
    border-radius: 20px !important;
    margin-top: -30px !important;
    z-index: 51;
    position: relative;
}

, .cat-block-1 .cat-block-title {
    background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAsHCAoIBwsKCQoMDAsNEBsSEA8PECEYGRQbJyMpKScjJiUsMT81LC47LyUmNko3O0FDRkdGKjRNUkxEUj9FRkP/2wBDAQwMDBAOECASEiBDLSYtQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0P/wAARCADiAXcDASIAAhEBAxEB/8QAGQAAAwEBAQAAAAAAAAAAAAAAAAECAwQF/8QAKBAAAwEAAgIBBAICAwEAAAAAAAECEQMSITFBBBNRYSJCFHEygZGx/8QAGQEBAQEBAQEAAAAAAAAAAAAAAAECAwQF/8QAHBEBAQEBAQEBAQEAAAAAAAAAAAERAhIhMUFh/9oADAMBAAIRAxEAPwDzkUSij6TyX9AABQCbEABoaAANsztlPTOn4YNTguuFyFDFZujSZeBHGvZpiSC4lIrcJdkVbBI01EWyHyGVXrZVnKrRz3Jo+Qz7aRrMZVpDZvUmVQGbEpjJ9FIEGBhQIjWHxwdESREmvpC1CZLZRNp4IIrTGsVGplfs0lmteM0MYZom9QlSQ7fg5K9s6Lp9Wc+i3UtIpCGZGnGyqoiCmalXNh9jTf4MyRon4DfM+OWntMr4JprSk/BGZEibCtEwGgJTwAPfQydJfIJGK0FpH3EHcYmrAjQ0uGrAjQ0Gqpoyqh1RhV+WMwayykuzMJ5DeH4I1I01JB1dBM+mywupXGhOEWJhNY3xp6c3JxtNnXRlZlvlx0xGvJBiWXWlJoVNAQwUqRJTILGKpM144bDh4jqnjIamYCjRoyZKol+SqlYQvZruoRY5murMb9m/KspnNybpotXLLRgqNZoRmU+RvqznRvb2Tn0J1+tAJRaYSKllMhFyGpTSKleArEKH4DfNjHkWUKQ5HtEzS0M79VSEFMnQlo+QFoBNj3LeQzj+8dly6hpe2ebUVDc0JWLG65RrmOZaUpp+kXUx0feD7xnPBy16k0n6S37aQ0w/vD+4UvpF80az9PC/qCRzO2xfb5K9SdqhL4RRNWRyR9K3jqjonjx77LANaAAAgZFUNsiiKm6MmyqZmzNdIVZhhyLDZmXIIMtAXyxmkDK4uJtptG303Gqymdswkipaw44w0Zo4RFQTElZUZ0a1DMqTIsqTWfRkXDEUuVI5eRHXfmWc3KmUYpFpEorUWVJDrWjB+zd+jKl5CWEUmQMMytJKaaM4fk2Eak0u7CU0gKkNTlz37EjTklaZhMDAsQTyhIBvAGmPegjl4J5KTZcL+KKIlrKfpuOf6lqEigGoWIYAUAAAAAAAAAABLKJaAl0Q2VSM6M1uRFENlUzOqDUNsy5WU7MLskhU/LKJRRpI6fprSOyeRYjzYTWG8NjUsdvYNMJotUyxlTSF0F2Y+zC4lwiXxo10GCVzVBhyw+p2URcIzrcmvNawenVfGjKuLNLKmM0yKNXDIqGWVLEAV1DAzhL2jXzhCL1BebiSpbJ7FSG5U8hmacnszDPVPyMXwGgJoAYBHvQ11HqMe7xCTdVjIjoTQajOqeGDtti/Fk10u0J8iObsPTPpfLoVofdHNoKm6UoTovLp3QqmOZSQqaNsSI70NchFUQ6M2tznW33A7ox7CdtDTy6NRnaDjpspov6n44+S/JjVlfUS5syxsjUFU2SpNFI1BNWTUKS5kpQaTBNXEzJcoqYLmAWCUUhzJrPGv7GoxcZqW/Rf2/zRXhAtZWdT0/YnDNMQnSQWOeppf1FjNq5ET3kxjcrJwyXB0pSxOBiyuf7aJfCmdPVh1LEtcr4SHwHb1JclTI4nwE1xM73CE4QlMec+NjSO58aIfEi6SOGyDtrg34M6+lfnJYlSxzi06P8AD5H6RU/QW/dIqOUDt/wV80wGmOlMcvKQgTIi71oyw1b8ECtc1k2PSeVNIyqmzMjWta5V6On6aGtuvZy/TcaqlVejs7qViLIzbqqoyq90V22SS1eeTbJ0m7wzfISRr8bdkZ1XnCO7L4Id0qLIa6eKcksMxIin5Nbjnmo+o4+0nL9ql7k75rsyuiJmm489QWoOx8cv4JfAieW5055gtQafbYTDYkPSFJrHG/GlzCQqssjPrVJKQ1Gf3CXbY08tO6JfIZgS9NTlTtsliJdE3Vkw2DYLyPBIaJGmxY0DpiUzV9mHdmXZhrLqY3VJhiMEGjTy3wOiMNZXekJTGrUg8X9TB22zSaLKzlPX+A1lLBVSBPpaxCqyHyDVkW2Bk7AmrjQCiTTmADQIsTcO5yUzJ/Tcr9SdXD/yf6RpVpSWGuSE+qRT0qUTTM1uEJ2plsKpSm2cfLyO9XwJC3C5OZ1bZUUqMTTgh1yJGvxiXXRxcT5X+jsiVEocR1nEhXpF/oqiHRLYIm61mNeJPTcx4mjU1I526YALV4CSGToNijWnTKp1RhyX5NLOentMlrXMUhmfdIUN8ldUYzW7WvdApuvUmsxPGkFWXMTdT9r80H24QdyXWjSSq1BqI0NIK7EtibF2Cq6+RYhaydYFPBAAADYAAikxADDdsFRIhaLbIYaIAAAA6BMYHRySCGIiw5rqVVqpxIgEgYK8SZs0pGbM2Nysfqr6x1/Jyqkbc6XJWqjFw5NyY53rarEbfS/x5Tm1lzyNPRhK9aORehujhjk7pYzeOXcTZn63/ovJbMtdUO670Vx8bES1vxGyM4k0RpiGL1rHqMuTkCyaKbqlJVPERxfNi5Lwi2J5LMWxtk47pSjP63PhJOzp4ONQtKnjnjlSl5G/RuRi3Q6MarWwtkaYrXK9GZ9g7tkka1pqJqkgXHdAuKf7N0Bm7dPJTKmH8mqalYkJ0CIEyhAJFaIAABCBpgIYASUSAC0GyWwitQGegDXaAAdHMgGIgQ00IQqmY86fRpGxnekkXXntOaKi3j7G3Mlm0ieOO2qak2wz2a/QPjeainKmswpKnOTJBim5H9yvyVr9NGk8PaeyBKXFdad/DyJrGc8cfTNk2iUWRNdKwNMpTT8F1TUkJ9LktI5qsfJWtmbM12kx2S+vGl+kYcleS7bmPP4Od0VmCqN/pYS3kr/SOZfztTvtnYmvCXpehIdVZldju80w0WpzDetlccO6SRMptqUdMSuOUhItuEvp4+VpHJct9ZlYg5eR1/GTP0QkX3J0lsNMtxWsQAAwEAAAADQIYApDAVUl7eBNGozqjaeNWt7C/wAePltgc7oXY3f08fszr6Z/1osRnoA4tAUd2howNOYAACkIYhYsCJpDYEIx5OPUYqJmlqZ2N+MZDhPzLz9MsZqHyKs8as+UOI4vO1UlVHJ123Mz/wChPHE487f7LjLO+Fxv8fG+yuKXjykkb9m8eYTT4155JkoU8map2v8ARpE6n2nrX6J/lnaccv49Ma5JXin1f7BGkpz7I5bWNDuzmuzNdOYVM14OPyrr/aQuLj7ZTr9o0d1Pud/aEh10OXWtOWmb1yzXhV5MLwWJzT4E655Ojs5TObhpzfY0q35Ehad02yVtVkkOjX6fNdt+kTGtxvxwuKdb/wCzO+R22l4ki+V8jSzJDUkVIrxJLol0wlOn4RlrcAzSeP1o3JZyzemTb+ET3o2aFhryz6rNWvlB9xFOUQ5Q8wnVP70h3n8ohyT0RPLU6aPklf2D7i+NM1xlqDNjUpd6r9A5b8tlqQwgjo0UrtfJWD6gLvRFcjRr1w5+V7YWUVyPQIxAPo7wEM25AAAKQAANJiGxMYsoDqn7Fo1jESqVYsQus+Wv4iavGlKRP20/N06/+FjCutWt+5/H9Bxzxr0vP79lSlKxIGk/ZRQruY/5UZNdm5nkaBTEN/x/7ZMUU3y606lIwrhr5bZ1aiKaWtssiaw46qPES/3padXW1f8A4Ncjp57kHON4XBrVtLTkq/f8cNnTSa6tmVT814/CGGqmtleAdqSYtTq8i7/laQlDtGvHjnEzF5TKlVAxdbPCaoz+42HZN/yomNa244d+X6N5SnDl714ysKjnr58lnLN610aMynmlvH4LCBksYgSEJooRNWIxhhpgjNrcT1HhSQ8IsqEisKSB0kJDSU4J0vgm78NtmF8v4A1u1O6YVWsl2T5YWQ3QApQE1cehoEjNuRgLQBp6IBAAgABAmDZIGk29X4BpfGozTK0sSm3fwkS5db3r/pA7fwtAqGslYkGk6yW3+cAqsXz1E5Xv2xLB9ig7aLWLULEyh98Dd117ELWghuEJpvxgNP22CpgT1SQ9ZTwXUhpKmJSqfgeP/Qal6AWOQ8/CDs/yV31YwsiVix+xvkpvezH0E5BKuOevTxmscs08+TmmHRtHEk9ZFbYAhoigeAkPUiEpJDbUkVyfCM75FPsitKtvTG+RLcM75G/9GLpjWo0u9eshtsWNhhFhpDwEmVJm1rAkBaADfRkYwVHVxWAkxgAABQCAQAJg2STAAAiparUGkoZZEp9idFqAqGTrAAABAAwEAAABoAAAA+weBDQC6sXorWViYE+aNInxjBYNEqqRSJGiEUh+CHaRLtsLF1ye0iKr22zOuRIyq3RnWpMXfN8SY9m2GDIsS9BI0DrpnWpEjwpQVgakJSGDDyQACADpzET4xlhiOjizDSmS0WUPQJ1pj0QMQCKAQAACYyWEACDWVDbEAFQgAAAAAAAAAAAAAAAAGL5GAxoQwKQCTDsRYrQdshsmuT8EVVUkZ1yOhNiIshYCRQGa1IWDQylBGpEqWaTAJDIshpJCxDERYTknGXjACAKwANeP/iWwA6OKGT8gAUMkALEoGAFSkAAAhMAKhAAAAABUL5AAAAAAAAAAAAAAAABAAAUMAAAACVYzsQARqEMAM1qAYAZWKRpIAFNCYAZahFIAAQgAKEAAEf/Z);
}

.cat-block-title {
    height: 226px;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    font-size: 35px;
    border-radius: 18px 18px 0 0 !important;
}

.cat-block-title a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    text-decoration: none;
    padding-top: 80px;
    box-sizing: border-box;
}

.cat-block-icon {
    width: 100%;
    height: 122px;
    margin-top: -65px;
    margin-bottom: -45px;
    position: relative;
    z-index: 2;
    background-position: top center;
    background-repeat: no-repeat;
}

.cat-block-item-text {
    font-size: 18px;
    color: #000;
    text-align: justify;
    text-align-last: center;
    -moz-text-align-last: center;
    margin-bottom: 10px;
    min-height: 100px;
    line-height: 1.7em;
}

.cat-block-item {
    border-bottom: 1px solid #dcdcdc;
    padding: 25px;
    position: relative;
    z-index: 3;
}

.cat-block-item-btn {
    display: inline-block;
    cursor: pointer;
    width: 100%;
    max-width: 210px;
    height: 55px;
    border-radius: 5px;
    border: 1px solid var(--sx-orange);
    background: var(--sx-orange);
    line-height: 55px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    margin: 20px 0 20px 0px;
}

.cat-block-item-title a {
    color: var(--sx-blue);
    text-decoration: none;
    font-size: 23px;
    margin-bottom: 10px;
    display: block;
}

.cat-block-item-btn:hover, .cat-block-item-btn:focus, .cat-block-item-btn:active {
    background-color: transparent;
    color: var(--sx-orange);
transition:all 0.3s ease-in-out}

.cat-block-title, .cat-block-3 .cat-block-title {
    background-image: url('/res/img/cat-block1.jpg');
}

.cat-block-title, .cat-block-1 .cat-block-title {
    background-image: url('/res/img/cat-block3.jpg');
}

.cat-block-1 .cat-block-icon {
    background-image: url('/res/img/cat-block1-icon.png');
}

.cat-block-3 .cat-block-icon {
    background-image: url('/res/img/cat-block3-icon.png');
}

.cat-block-item.last {
    min-height: 250px;
    display: block;
}

.hero{display:block;margin: 0 auto;cursor:pointer;max-width:100vw}

.block-15 img{    margin-bottom: -95px;
    margin-left: -75px;
max-width: 516px;}

#content-block-background-1681 {
    background-image: url(/res/img/block.jpg);
    background-position: center top;
    background-repeat: repeat;
    background-color: ;
    background-attachment: scroll;
    background-size: auto;
}

#content-block-background-1681 {
    margin: 0 -10000px;
    padding: 0 10000px;
}

#content-block-body-1681 {
    padding: 20px 0 1px;
    color: #FFFFFF;
}

.content-block-body {
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.block-15 p {
    font-size: 0.8em;
    font-weight: 100;
    padding: 0;
    margin: 0 0 10px;
}

.block-15 a {
    color: #ff965b;
    text-decoration: underline;
	margin: 20px 0px 10px 0px;
}

.block-products-item {
    background-color: #fff;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, .08);
    margin: 30px 0;
    display: table;
    width: 100%;
}

.block-products-item-img {
    padding: 10px;
}

.block-products-item-img img {
    margin: auto;
}

.block-products-item-text {
    display: table-cell;
    vertical-align: middle;
    width: 60%;
}

.block-products-item-title {
    font-size: 23px;
    font-weight: 100;
}

.block-products-item-meta {
    color: #505050;
    margin-top: 10px;
}

.block-products-item-price {
    font-size: 1.7em;
    color: var(--sx-blue);
	margin: 10px 0 5px 0;
	
}

.cat-block-item-btn-wide {
    max-width: 230px;
    height: 35px;
    line-height: 35px;
}

.cat-block-item-btn-wide:hover{text-decoration:none!important}

.lgc div:hover {
    color: var(--sx-blue);
    font-weight: 600;
}

#content-block-body-1794 {
    padding: 20px 0;
    color: #fff;
}

#content-block-background-1794 {
    background-image: url(/res/img/bg_map.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-color: ;
    background-attachment: scroll;
    background-size: auto;
	margin: 0 -10000px;
    padding: 0 10000px;
}

.stage {
    width: 300px;
    height: 300px;
    display: inline-block;
    margin: 20px;
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -ms-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px;
    -webkit-perspective-origin: 50% 50%;
    -moz-perspective-origin: 50% 50%;
    -ms-perspective-origin: 50% 50%;
    -o-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
}

.ball {
    display: inline-block;
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: 50%;
    position: relative;
    -webkit-transform-style: preserve-3d;
    background: url(/res/img/SX_worldwide.png) repeat-x;
    background-size: auto 100%;
    -webkit-animation: move-map 120s infinite linear;
    -moz-animation: move-map 120s infinite linear;
    -o-animation: move-map 120s infinite linear;
    -ms-animation: move-map 120s infinite linear;
    animation: move-map 120s infinite linear;
    transform: rotate3d(3,1,2,15deg);
}

.ball:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-shadow: -40px 10px 70px 10px rgba(0,0,0,.3) inset;
    z-index: 2;
}

.ball:after {
    content: "";
    position: absolute;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-filter: blur(0);
    opacity: .3;
    background: radial-gradient(circle at 50% 80%,#70c8d3,#76deef 10%,#055194 66%,#062745 100%);
}

div.map-txt{font-size: 0.9em;letter-spacing: 1.2px;line-height: 1.3em;line-height: 1.5em;text-align: justify;font-weight: 300;}

div.map-txt a {
    font-weight: 500;
    text-shadow: 1px 1px black;
}

h2.map-txt, h3.map-txt {color:#fff}

h3.map-txt {
    margin-bottom: 30px;
    margin-top: 0px;
    font-weight: 300;
    
}

h2.map-txt {
    margin-bottom: 0px;
    padding: 0px;
    letter-spacing: 2.5px;
    font-size: 1.6em;
}

@media screen and (max-width: 800px) {
	.one_third,.two_third,.one_half{float:none;clear:both;width: 41%;margin:20px 20px}
	h2.map-txt, h3.map-txt {color:var(--sx-blue)}
	div.map-txt{color:var(--sx-grey)}
	.block-15 a:first-child{margin-top:50px}
}

.gift-prem10 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: rgba(255,255,255,.5);
    border-radius: 12px;
    padding: 16px 20px;
    margin: 20px 17px;
    font-family: "Raleway",sans-serif;
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: .5px;
    color: #333;
    box-shadow: 0 4px 12px rgba(0,0,0,.06);
    box-sizing: border-box;
	border:1px solid var(--sx-darkblue);
}

.gift-prem10 a {
    display: inline-block;
    padding: 10px 18px;
    background: var(--sx-darkblue);
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    border-radius: 8px;
    transition: background .3s ease,transform .2s ease;
    white-space: nowrap;
}
.portfolio-links a {
    float: left;
    margin-right: 20px;
    border: 1px solid var(--sx-orange);
    padding: 1px 10px;
    margin-top: 3px;
    box-shadow: 0 0 10px rgba(200,200,200,.2);
    transition: all .2s ease-in;
    margin-top: 20px;
    padding: 5px 20px;
}

.portfolio-links a:hover {
    color: #fff;
    background: var(--sx-orange);
	text-decoration:none;
}

.skew-port {
    height: 550px;
    background: linear-gradient(to right,var(--sx-darkblue),#4461a5,var(--sx-darkblue));
    width: 100vw;
    margin-left: calc(-50vw + 50% - 15px);
    position: absolute;
    transform: skewY(-4deg);
    z-index: 0;
}

.skew-out {
    z-index: 10;
    position: relative;
    margin-top: 70px;
}

.skew-out h3 {
    color: #fff;
    letter-spacing: 1px;
    font-size: 2em;
    font-family: Roboto;
    margin-bottom: 0;
}

.skew-out table {
    width: 100%;
    margin-top: 10px;
    color: #fcf9f9!important;
    margin-bottom: 60px;
}

.skew-port {
    height: 600px;
    background: linear-gradient(
9deg, #101e3e, #4e68a7, var(--sx-darkblue));
    width: 100vw;
    margin-left: calc(-50vw + 50% - 5px);
    position: absolute;
    transform: skewY(-4deg) translateY(22px);
    z-index: 0;
}
.skew-out table a {
    color: #fe5e08;
    border: 1px solid #fe5e08;
    padding: 5px 15px;
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
    transition: all .2s ease-in;
    border-radius: 2px 15px;
}

.skew-out table a:hover {
    color: #fff;
    background: #fe5e08;
}

.skew-out table th, .skew-out table td {
    border-right: 20px solid transparent;
    vertical-align: top;
    Box-sizing: border-box;
    width: 50%;
}

.skew-out table div {
    float: left;
    margin-right: 15px;
    filter: drop-shadow(2px 4px 1px var(--sx-darkblue));
}

.skew-out table div span {
    margin-right: 5px;
    color: #45ac65;
    font-size: 1.3em;
}

.hinweis-support h3 {
    margin-top: 10px;
}

.hinweis-support {
    background: var(--sx-blue)1c;
    padding: 0 10px 10px;
    border: 1px solid var(--sx-blue);
    margin: 20px 0;
    border-radius: 3px;
    transition: all 1s ease-out;
    z-index: 9999;
}

.divider {
    background: var(--sx-blue);
    height: 1px;
    padding: 0;
    margin: 20px 0 40px 0;
	clear:both;
}

.welcome-acc {
    background: #fff;
    padding: 20px;
    display: inline-block;
    border-radius: 20px;
    min-width: 450px;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.welcome-acc.sec {
    background: none!important;
    justify-content: flex-start;
	display:inline-flex;
}

img.user-acc {
    border-radius: 50%;
    width: 50px;
    float: left;
    margin-right: 10px;
    margin-top: -20px;
    padding-top: 10px;
    margin-bottom: -6px;
}

.hinweis-support img {
    width: 40px;
    float: right;
    margin: 11px;
}

.hinweis-support a {
    margin-right: 10px;
}

.buy-opener {
    background: var(--sx-orange);
    padding: 9px 0;
    display: inline-block;
    color: #fff;
    box-shadow: 0 0 20px rgb(0 0 0/30%);
    text-align: center;
    font-family: Open Sans,sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    border-radius: 25px;
    margin-top: 20px;
    cursor: pointer;
    border: 2px solid var(--sx-orange);
    width: 100%;
}
.pdf12-desc {
    text-align: justify;
    font-size: 0.9em;
}

.short-desc {
    margin: 5px 10px 5px 0;
    background: var(--sx-yellow);
    float: left;
    font-size: .8em;
    font-family: Open Sans,sans-serif;
    font-weight: 800!important;
    padding: 3px 8px;
    color: var(--sx-grey);
}

h3.subh {
    margin: 70px 0 30px;
    font-family:Roboto,sans-serif;
    font-style: oblique;
    filter: drop-shadow(1px 2px 1px rgba(200,200,200,.5));
}

.pdf12-choice {
    padding: 20px;
    background: var(--sx-lightgrey);
    border-radius: 10px;
    box-shadow: 0 10px 16px rgb(200 200 200 / 30%);
    border: 1px solid var(--sx-lightgrey);
    text-align: center;
    position: relative;
    line-height: 1.4em;
    font-size: 0.84em;
}

.pdf12-choice div:first-of-type {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    border: 1px solid;
    border-color: transparent var(--sx-lightgrey);
    box-sizing: border-box;
    text-align: center;
    font-family: Open Sans,sans-serif;
    padding: 5px 0;
    color: #fff;
    background: var(--sx-blue);
    background-size: 200%;
    transition: .5s ease-out;
	border-radius: 10px 10px 0 0;
}

.pdf12-choice img {
    border-radius: 0;
    width: 50px;
    display: inline-block;
    margin: 40px 20px 20px 0;
    float: left;
}

.erech-info {
    position: fixed;
    top: 63px; 
    z-index: 5000;
    padding: 5px 0;
    background: linear-gradient(to bottom,#3e79ff 15%,#478bef);
    width: 100%;
    text-align: center;
    color: #fff;
    letter-spacing: .5px;
    font-size: 1.2em;
    font-weight: 500;
    box-shadow: 0 10px 10px rgba(100,100,100,.3);
}

.erech-info div {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
	position: relative;
}

.erech-info img {
    width: 40px;
    margin: 0 22px 0 0;
}

ic-e {
    position: absolute;
    left: 28px;
    top: 15px;
    border-radius: 50%;
    background: linear-gradient(45deg,#7094ff,#abbff7);
    padding: 0 7px;
    line-height: 1.2em;
    box-shadow: -2px -1px 1px rgba(10,10,10,.5);
}

.erech-info span {
    position: absolute;
    right: 50px;
    top: 9px;
    font-weight: 700;
    cursor: pointer;
}

.erech-info a {
    text-decoration: underline;
    margin-left: 20px;
    color: var(--sx-orange);
    letter-spacing: 0;
}

.pdf12-choice.second-row {
    display: block!important;
    text-align: left;
}

.upgr12 input[type=submit], .corp input[type=submit], .corp a, .second-row .btn, .discount-container input[type=submit] {
    background: var(--sx-blue);
    color: #fff;
    border: 1px solid var(--sx-blue);
    outline: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    font-family: Open Sans,sans-serif;
    font-weight: 600;
    margin-left: 10px;
}

.upgr12 input[type=submit]:hover, a.upgr12a:hover, .corp input[type=submit]:hover, .corp a:hover, .second-row .btn:hover {
    background: 0 0;
    color: var(--sx-blue);
    transition: all .2s linear;
}

.pdf12-choice h5 {
    margin-top: 30px;
    margin-bottom: 5px;
    font-size: 1.1em;
}

.pdf12-choice div:nth-of-type(2) {
    color: var(--sx-grey);
    text-align: justify;
    margin: 40px 0 0;
    position: relative;
    background: 0 0;
}

.pdf12-choice a {
    display: block;
    margin: 20px auto 0 auto;
}

.pdf12-why {
    text-align: center;
    width: 200px;
    float: left;
    padding: 20px;
    margin: 20px 30px 0 0;
    background: none!important;
    border: none!important;
    font-family: 'Open Sans';
    font-size: .85em;
    font-weight: 500;
	color:var(--sx-grey);
}

.pdf12-why img {
    width: 70px;
    display: block;
    margin: 20px auto 20px auto;
    filter: drop-shadow(1px 1px 3px rgba(64,64,64,.5));
}

.pdf12-why div {
    width: 70%;
    margin: 0 auto;
    display: block;
    height: 1px;
    background: var(--sx-lightgrey);
    margin-bottom: 10px;
}

.bull-con {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    transform: translateY(-20px);
}

.srow div div {
    position: relative;
    z-index: 300;
}

.srow {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 40px 0;
    margin-top: 50px;
    margin-left: 50%;
    margin-right: 50%;
    transform: translate(-50%,-50%);
    width: 100vw;
    position: relative;
    z-index: 200;
    margin-top: 400px;
}

.s12 {
    transform: translateY(100px);
    position: relative;
    z-index: 999;
}


div.bull.active {
    background: var(--sx-orange);
    transition: all .3s linear;
}

.bull.active:after {
    display: block;
    width: 16px;
    height: 16px;
    content: '';
    border-radius: 50%;
    border: 2px solid #fff;  
}

.acc-bg {
    background: url(/res/img/acc-bg.png) no-repeat;
    background-size: cover;
    margin-top: -10px;
    padding: 30px 0;
    min-height: 487px;
}

.acc-container {
    display: flex;
    justify-content: center;
    align-items: center;
	padding-top: 40px;
}

.acc-l {
    display: inline-block;
    max-width: 600px;
    margin-right: 50px;
    margin-bottom: 50px;
}

.acc-l img {
    float: left;
    width: 60px;
    margin-right: 20px;
    margin-top: 10px;
    filter: drop-shadow(1px 1px 1px #ffff);
}

.acc-l h2 {
    color: #fff;
    font-family:Roboto,sans-serif;
}

.acc-l div {
    color: #fff;
    font-size: .95em;
    font-family: Open Sans,sans-serif;
    text-align: justify;
}

.sxaccform {
    background-color: rgba(255,255,255,.95);
    border: #e0e0e8 1px solid;
    border-radius: 4px;
    margin-top: 15px;
    padding: 20px;
    backdrop-filter: blur(4px);
    float: right;
    margin-bottom: 50px;
      font-family: Roboto, sans-serif;
}

.acc-ds {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    border-top: 1px solid var(--sx-grey);
    padding-top: 20px;
    color: var(--sx-lightgrey);
}

form[name=sxaccount] input[type=submit] {
    font-size: 1.2em!important;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    cursor: pointer;
}

input[name=apass] {
    width: 100%!important;
    cursor: pointer;
}

.sxaccebox {
    border: #6080a0 1px solid;
    border-radius: 4px;
    font-size: 1.2em;
    padding: 5px;
    cursor: pointer;
}

.sxaccform input[type=text] {
    font-family: Roboto, sans-serif;
}

.sp {
    position: absolute;
    cursor: pointer;
    width: 30px;
    padding: 10px;
    margin-top: -36px;
    margin-left: -50px;
    right: 10px;
}

.sxaccbutt {
    background-color: var(--sx-blue);
    border-radius: 4px;
    border: #405080 1px solid;
    color: #fff;
    font-size: 1.2em;
    padding: 5px;
    width: 100%!important;
}

.sxaccform label {
    font-size: 1.2em!important;
}

.acc-ds {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    border-top: 1px solid var(--sx-lightgrey);
    padding-top: 20px;
    color: var(--sx-grey);
}

.acc-ds a {
    font-size: .8em;
    margin-left: 20px;
    margin-right: 20px;
    color: var(--sx-grey);
    text-decoration: underline;
}

.u-blue {
    position: relative;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    margin: 0 10px;
}

.dev-block {
    border: 1px solid rgba(0,0,0,.12);
    text-align: center;
    font-size: 18px;
    width: 90%;
    font-family: Roboto;
    margin-bottom: 40px;
    border-radius: 5px;
    color: var(--sx-blue);
    background: rgba(0,0,0,.005);
    padding: 0 10px;
    box-shadow: 0px 0px 16px rgba(0,0,0,.1);
    transition: all .3s ease-in;
}

.back-top:hover {
    color: var(--sx-orange);
    background-color: transparent;
}

.back-top {
    background: var(--sx-orange);
    position: fixed;
    bottom: 30px;
    right: 30px;
    padding: 0 5px;
    font-size: 30px;
    color: #fff;
    transform: rotate(270deg);
    border-radius: 3px;
    transition: color .12s linear;
    border: 1px solid var(--sx-orange);
    display: inline-block;
    z-index: 9999;
}

.dev-block2 {
    border: 1px solid var(--sx-lightgrey);
    text-align: center;
    font-size: 18px;
    width: 90%;
    font-family: Roboto;
    margin-bottom: 40px;
    border-radius: 5px;
    color: var(--sx-blue);
    background: rgba(0,0,0,.005);
    padding: 0 10px;
    box-shadow: 0px 0px 16px rgba(0,0,0,.1);
    transition: all .3s ease-in;
}

div#contact-box {
    position: fixed;
    z-index: 9999;
    top: 210px;
    width: 45px;
    right: 0;
    padding: 10px 5px 10px 10px;
    background: rgb(255 255 255/80%);
    border-radius: 10px 0 0 10px;
    cursor: pointer;
    box-shadow: -4px 5px 16px rgba(50,50,50,.2);
    animation: slideInFromRight 6s ease-in-out forwards;
}

copos {
    background: var(--sx-gradient);
    width: 600px;
    display: inline-block;
    padding: 0 20px;
    border: 1px solid var(--sx-darkblue);
    border-radius: 20px;
    position: fixed;
    top: 317px;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 9999;
    box-shadow: 0 0 10px rgba(100,100,100,.5);
}

copos cl {
    float: right;
    font-size: 2em;
    padding: 0 10px;
    cursor: pointer;
    color: #fff;
}

copos>img {
    float: left;
    width: 140px;
    margin-right: 45px;
    margin-left: 15px;
}

copos h3 {
    letter-spacing: 2px;
    font-weight: 400;
    margin-top: 47px;
    color: #ffff;
    margin-bottom: 1px;
}

copos .ct {
    display: flex;
    align-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}

.poscont {
    clear: both;
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 20px 0;
}

copos div img {
    width: 40px;
    margin-right: 30px;
    float: left;
    filter: drop-shadow(0px 1px 1px #fff);
}

copos a {
    color: #d6e2ff;
    font-size: 1.2em;
    letter-spacing: 1px;
}

div#contact-box img {
    margin-bottom: -13px;
}

.back-top:hover,.back-top{text-decoration:none!important}

#content-block-background-1115 {
    margin: 0 -10000px;
    padding: 0 10000px;
}



#content-block-body-1115 {
    padding: 0;
    color: ;
}



.sdk17.dev-umg {
    position: relative;
    margin-top: 0!important;
    display: flex;
    flex-wrap: wrap;
}

.sdk17.dev-umg div {
    margin: 5px 11px;
    background: var(--sx-yellow);
    float: left;
    font-family: Open Sans,sans-serif;
    padding: 3px 12px;
    color: var(--sx-grey);
}

.three_fourth {
    float: left;
    margin-bottom: 1%;
    position: relative;
    width: 75%;
    margin-right: 2%;
}

.one_fourth {
    width: 22%;
    float: left;
}

.mainfunc17 {
    margin-right: 10px;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin: 10px 0;
    color: var(--sx-grey);
    letter-spacing: 1px;
    font-size: 0.8em;
    background: rgba(255,255,255,.6);
    border-radius: 10px 0 0 10px;
    padding: 0 10px 0 0;
    box-shadow: 0 0 10px rgba(100,100,100,.2);
    text-align: justify;
}

.mainfunc17 img {
    width: 110px;
    margin-right: 20px;
    border-radius: 10px 0 0 10px;
}

.mainfunc17 a {
    max-width: 100%;
    margin-top: 20px;
}

.mainfunc17 h4 {
    font-size: 1.5em;
}

.sdk17-contact-container .cat-block-item-btn-wide:hover {
    box-shadow: none!important;
    transition: all .1s linear;
}

.cat-block-item-btn-blue {
    border: 1px solid var(--sx-blue);
    background: var(--sx-blue);
}

.cat-block-item-btn-blue:hover {
       color: var(--sx-blue)!important;
	   background:#fff;
}

.sdk17-contact-container {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
}

.sdk16-cust a {
    margin-top: 21px!important;
    display: inline-block;
    border-radius: 10px;
    padding: 8px 20px;
}

.sdkcustomers {
    font-size: 70%;
    border: 1px solid var(--sx-orange);
    padding: 6px 9px;
    background-color: var(--sx-orange);
    color: #fff;
    margin-top: 70px!important;
}

.sdk16-cust .sdkclients {
    width: 180px;
    margin: 20px;
}

.sdk16-cust img {
    filter: drop-shadow(2px 2px 2px #ccc);
    margin-right: 50px;
}

#content-block-body-1392 {
    padding: 60px 0;
    color: ;
}

#content-block-background-1392 {
    margin: 0 -10000px;
    padding: 0 10000px;
}

#content-block-background-1392 {
    background-image: url();
    background-position: center center;
    background-repeat: repeat-x;
    background-color: rgba(255,255,255,.5);
    background-attachment: scroll;
    background-size: auto;
}

.sdk16-cust h2 {
    text-align: center;
    margin-top: 0;
    font-family: Open Sans,sans-serif;
    font-weight: 600;
	font-size:1.8em;
}

.sdk16-cust a:hover {
    background: var(--sx-blue)!important;
    border-color: var(--sx-blue)!important;
    color: #fff!important;
    transition: all .2s linear;
	text-decoration:none;
}

.cat-block-item-btn:hover{text-decoration:none}

img.wir {
    animation-name: wir;
    animation-duration: 1s;
    float: left;
    margin: 0 20px 20px 0;
}

.subitem-dl {
    color: var(--sx-grey);
    font-weight: 300;
    text-align: justify;
}

h3.sys-sub span {
    display: block;
    color: #6e6e6e;
    font-size: .7em;
    margin-bottom: 16px;
}

#content-block-body-1991 {
    padding: 20px 0;
    color: #555;
}

.ua-war div {
    position: relative;
}

.ua-war h2 img {
    width: 65px;
    transform: translateY(20px);
    margin-right: 20px;
    border-radius: 50%;
}

.ua-war:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/res/img/ua-war.jpg);
    filter: grayscale(0%) opacity(.3);
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

table.friends img {
    filter: drop-shadow(0px 1px 1px black);
    margin-left: 20px;
    margin-top: 20px;
}
.ua-war h2 {
    margin-bottom: 20px;
}

.ua-war {
    position: relative;
    color: #000;
}

.company-title {
    margin: 0 0 1rem;
    font-size: 1.6rem;
    color: #000;
}

.brand-soft {
    color: #E85300;
}

.brand-x {
    color: #E85300;
    font-weight: 700;
}

.brand-pansion {
    color: #000;
}

p {
    margin: 0 0 0.75rem;
}

.icon {
    width: 24px;
    height: 24px;
    margin-right: 0.5rem;
    vertical-align: middle;
}

.company-info {
    list-style: none;
    padding: 0;
    margin: 1rem 0 1rem;
}

.company-info li {
    margin-bottom: 0.25rem;
}

.support-note {
    display: inline-block;
    margin-left: 0.25rem;
    font-size: 0.85rem;
    color: #666;
}

.trademark {
    font-size: 0.85rem;
    color: #ff6600;
    letter-spacing: 0.03em;
}

.map-image {
    width: 100%;
    max-width: 100%;
    display: block;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    margin-top: 1.25rem;
}

.container h3 {
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
    font-weight: 600;
}

.footer-info {
    font-size: 0.75rem;
    color: #666;
}

#content-block-background-1766 {
    margin: 0 -10000px;
    padding: 0 10000px;
}

#content-block-background-1766 {
    background-image: url();
    background-position: center top;
    background-repeat: repeat-x;
    background-color: ;
    background-attachment: fixed;
    background-size: auto;
}

#content-block-body-1766 {
    padding: 0;
    color: #000;
}

.customer-img {
    margin-bottom: 30px;
    width: 100%;
    height: 80px;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 5px;
    box-shadow: 0 22px 8px -22px rgba(0,0,0,.18),0 -22px 8px -22px rgba(0,0,0,.18);
}

div#expand-cust:after {
    content: "+";
    color: #fff;
    background: var(--sx-blue);
    border-radius: 50%;
    padding: 3px 18px;
    font-size: 2.5em;
    cursor: pointer;
    display: inline;
    margin: 20px 49%;
}

div#expand-cust.show:after {
    content: "-";
    color: #fff;
    background: var(--sx-blue);
    border-radius: 50%;
    padding: 0 24px;
    font-size: 2.7em;
    cursor: pointer;
    display: inline;
    margin: 20px 49%;
}

div#sdk-cust-expand.show {
    height: auto;
    overflow: auto;
}

div#sdk-cust-expand {
    height: 423px;
    overflow: hidden;
}

.testimonials-flex-container {
    display: flex;
    align-content: center;
    align-items: center;
    margin: 60px 0;
}

.testimonials-flex-container .company div {
    color: var(--sx-blue);
    font-weight: 500;
    font-family:Roboto,sans-serif;
    font-size: 1.2em;
    margin-top: 5px;
    letter-spacing: .5px;
}

.testimonials-flex-container .company {
    background: linear-gradient(45deg,#b7ccff6b,rgba(255,255,255,.9),#b7ccff6b);
    display: flex;
    align-content: center;
    justify-content: center; 
    align-items: center;
}

.testimonials-flex-container>div>div {
    box-shadow: 0 0 10px rgba(100,100,100,.5);
    padding: 58px;
    margin: 20px;
    border-radius: 30px;
    display: flex;
    align-content: center;
    align-items: center;
    min-height: 200px;
    flex-direction: row;
    flex-wrap: wrap;
}

.sx-testimonial-txt {
    background: linear-gradient(102.12deg,#00295a -13.63%,#043c7d 55.81%);
    color: #fff;
    text-align: justify;
    letter-spacing: .5px;
    font-family:Roboto,sans-serif;
    font-size: 1.1em;
}

#content-block-background-1761 {
    background-image: url(/res/img/testimonials0.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #abd5ff;
    background-attachment: fixed;
    background-size: auto;
}

#content-block-background-1899 {
    background-image: url(/res/img/testimonials1.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #abd5ff;
    background-attachment: fixed;
    background-size: auto;
}

#content-block-background-1988 {
    background-image: url(/res/img/testimonials2.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #abd5ff;
    background-attachment: fixed;
    background-size: auto;
}

#content-block-background-1458 {
    background-image: url(/res/img/testimonials3.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #abd5ff;
    background-attachment: fixed;
    background-size: auto;
}

#content-block-background-1082 {
    background-image: url(/res/img/testimonials4.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #abd5ff;
    background-attachment: fixed;
    background-size: auto;
}

.sx-prod {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 40px;
    border-radius: 30px;
    margin-bottom: 40px;
    box-shadow: 0 10px 10px rgba(150,150,150,.3);
    background: rgba(255,255,255,.85);
}

.sx-txt{letter-spacing: 0.3px;text-align: justify;color: #747474;}

.sx-tech {
    margin-bottom: 0!important;
    margin-right: -4%!important;
}

.sx-tech div {
    border-radius: 0;
    padding: 30px;
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-weight: 700;
    letter-spacing: .5px;
    display: flex;
    margin: 0 auto;
    font-size: 1.5em;
    min-height: 208px;
    background: linear-gradient(102.12deg,#00295a -13.63%,#043c7d 55.81%);
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
    border-radius: 0px 30px 30px 0px;
}

.sx-tech h2{font-size:1.5em!important;color:#fff}

.sx-tech a{margin: 20px 0 0 0;display: BLOCK;font-size:0.8em!important}

.sx-tech img{width: 350px;}

.appl-container {
    width: 100%;
    background: #000;
    padding: 0 10px;
    border-radius: 10px;
    margin: 20px 0 40px 0;
}

@media screen and (max-width: 860px) {
	#eI-sl, .mainfunc17 img{display:none!important;}
	.mainfunc17{max-width: 80%;margin: 20px auto!important;display:block!important;padding-left:10px!important}
	.sdk17-contact-container {flex-direction: column;}
	.sdk17-contact-container a{margin-top: 20px;}
	.sdk17-hero .one_half:first-of-type{display:none}
	.sdk17-hero div{max-width:95%}
	.sdk17-hero a{z-index:105;position:relative}

}

appl-head {
    background: #f2f5ff;
    width: 100%;
    display: block;
    padding: 3px 10px;
    margin-left: -10px;
    border-radius: 5px 5px 0 0;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 1.2em;
}

appl-pdf span {
    font-size: 0.7em;
	line-height:1.6em;
}
appl-pdf {
    line-height: 1.2em;
}

obfff {
    color: #DCDCDC;
}

obgrey {
    color: #B5B3B7;
}

obgreen {
    color: #4EC99F;
}

obyell {
    color: #DCDCAA;
}

oblgreen{color:#B8D79A}

applcom{color:#57A248}

obdblue{color:#569CD6}
oblblue{color:#9CDCFE}
obtxt{color:#D6966A}

appl-xml{word-break: break-all;font-size: 0.9em;line-height: 1.2em;font-family: Courier;}

appl-xml span {
    color: #597fc5;
    font-weight: 1000;
    font-size: 1.11em;
}

.sim-appl{margin: 40px 0 20px;
    font-family: Open Sans, sans-serif;
font-weight: 600;}

#vid {
    position: absolute;
    margin-top: 30px;
    margin-left: 20px;
    z-index: 20;
	min-width:400px
}

div#vid a {
    padding: 5px 20px;
    margin: 10px 0px 0;
}

video { width: 100%; height: auto; position:relative;z-index:19  }

appl-line {
    display: block;
}

.epflicht-container {
    background-image: linear-gradient(to top,#eff3ff,#b3caff,#eff3ff)!important;
    margin-bottom: 20px!important;
}

#content-block-background-1264 {
    background-image: url();
    background-position: center top;
    background-repeat: repeat;
    background-color: ;
    background-attachment: fixed;
    background-size: auto;
}

.bb div, .bb img {
    position: relative;
    z-index: 2;
}

.bb span {
    font-size: small;
    display: block;
    margin-top: 30px;
}

.tools-erech h3 {
    margin-bottom: 20px;
    text-shadow: 1px 1px var(--sx-blue);
    color: #fff;
}

.tools-erech {
    border: 1px solid #ccc;
    padding: 10px 20px;
    margin: 20px 1%;
    border-radius: 10px;
    box-shadow: 0 0 20px #eee;
    background: var(--sx-gradient);
    color: #fff!important;
}

#content-block-background-1154 {
    background-image: url(/res/img/quote_bg.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #fff;
    background-attachment: fixed;
    background-size: auto;
}

.pdf12-quote {
    text-align: justify;
    border: 1px solid #ccc;
    border-radius: 20px;
    padding: 5px 30px 20px;
    margin: 20px 0;
    background: linear-gradient(145deg,rgba(255,255,255,.75),rgb(255 255 255/90%),rgba(255,255,255,.75));
    line-height: 1.2em;
    letter-spacing: .5px;
    box-shadow: 0 10px 10px rgba(100,100,100,.5);
    min-height: 177px;
    display: flex;
    align-content: center;
    align-items: center;
}

.pdf12-quote img {
    width: 30%;
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-top: 15px;
}

.pdf12-quote div {
    margin-top: 20px;
}

.pdf12-quote span {
    display: block;
    margin-top: 10px;
    font-style: italic;
    font-size: 1.1em;
    color: #c3c3c3cc;
    text-shadow: 1px 1px 1px #000;
}

.sx-tech a {
    margin: 20px 0 0;
    display: BLOCK;
    font-size: .8em!important;
}

#page-content-solutions {
    background: url(/res/img/sxprods_bg.png);
    background-attachment: fixed;
    background-size: cover;
    margin-top: -33px;
    padding: 40px;
}

.sx-txt {
    letter-spacing: .3px;
    text-align: justify;
    color: #747474;
}



.ent .cat-block-item-btn {
    max-width: 140px;
    height: 35px;
    background: var(--sx-orange);
    line-height: 35px;
    font-size: 18px;
    margin-right: 20px;
    margin-top: 20px;
}
  .ent {
    margin-bottom: 40px;
}

.ent h2 {
    font-size: 2.5em;
    margin-top: 10px;
    margin-bottom: -33px;
}

.add-inf12 h3 {
    font-size: 1.6em;
    margin-top: 10px; 
    margin-bottom: -15px;
}

#content-block-background-1317 {
    margin-top: -36px !important;
}

#content-block-background-1655 {
    background-image: url();
    background-position: center center;
    background-repeat: repeat-x;
    background-color: #f2f2f2;
    background-attachment: fixed;
    background-size: auto;
	
}

#content-block-background-1655 {
    margin: 0 -10000px;
    padding: 0 10000px;
}

div#tut-selec .active {
    background: var(--sx-gradient);
    transform: scale(1.1);
    border: 2px solid #004aa7;
}

div#tut-selec div {
    margin: 0 0 20px 40px;
    padding: 5px 10px;
    width: 230px;
    background: linear-gradient(to bottom,#4b4b4c,#4e4e4e,#4b4b4c);
    color: #f6f6ff;
    text-align: center;
    cursor: pointer;
    font-size: 1.1em;
    font-family: Montserrat;
    font-weight: 600;
}

div#tut-selec {
    display: flex;
    justify-content: center;
}

.tut-inf div, .tut-inf h3 {
    margin-left: 20px;
}

.tut-inf img {
    width: 650px;
    filter: drop-shadow(2px 0px 3px #ccc);
}

.tut-inf {
    display: flex;
    padding: 10px 10px 10px 0;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    font-size: 1em;
    color: #555;
    letter-spacing: .5px;
    text-align: justify;
    border: 1px solid #f2f2f2;
    margin: 20px 0;
    background: linear-gradient(to right,#f5f6fd,#e9ebfb,#f5f6fd);
    box-shadow: 0 0 10px rgb(200 200 200/20%);
    border-radius: 3px;
    min-height: 296px;
}

.tut-inf a:hover {
    color: #6c8bff!important;
    letter-spacing: 4px;
    padding-right: 10px;
}

.tut-inf a {
    display: block;
    margin-top: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family:Roboto,sans-serif;
    font-weight: 800;
    color: #0057d9;
    text-shadow: 0 0 #2a2a2a;
    transition: all .3s ease-in;
}

.add-inf12 div {
    text-align: justify;
    margin-top: 10px;
}

.add-inf12 h4 {
    font-size: 1.3em;
    margin-bottom: -1px;
    margin-top: 15px;
}

img.pdf12-pr:first-of-type {
    width: 400px;
    float: left;
    margin-right: 30px;
}

img.pdf12-pr:nth-of-type(2) {
    max-width: 665px;
    border-radius: 10px;
    border: 3px solid var(--sx-blue);
    margin-top: 35px;
    transform-style: preserve-3d;
    transform: rotateY(-5deg);
    transform-origin: left;
    box-shadow: 10px 0 10px rgb(200 200 200/50%);
}

div.pdf12-edit div {
    text-align: justify!important;
}

#content-block-background-1426 {
    background-image: url();
    background-position: center center;
    background-repeat: repeat-x;
    background-color: var(--sx-blue);
    background-attachment: fixed;
    background-size: auto;
}

#content-block-background-1426 {
    margin: 0 -10000px;
    padding: 0 10000px;
}

div.pdf12-edit h2 {
    letter-spacing: 1px;
    font-size: 2em!important;
    margin-top: -20px;
    margin-bottom: 0;
}

div.pdf12-edit h2, div.pdf12-edit h3 {
    color: #fff!important;
    font-family:Roboto,sans-serif;
}

div.pdf12-edit h3 {
    margin-bottom: 20px;
    margin-top: -5px;
}

img.pdf12-edit {
    width: 400px;
    float: left;
    filter: drop-shadow(0px 0px 6px rgba(0,0,0,1));
    border-radius: 10px;
    margin-right: 40px;
}

a.ebtn {
    padding: 10px 20px;
    margin-top: 20px;
    display: inline-block;
    background: var(--sx-orange);
    color: #fff!important;
    font-weight: 600;
    letter-spacing: .8px;
    border-radius: 5px;
}

div.pdf12-edit {
    color: #fff;
    font-family: Raleway!important;
}

#s-pdf12-edit td:first-of-type img {
    border-radius: 10px;
    border: 1px solid;
    margin-top: 20px;
    box-shadow: 0 0 16px rgb(100 100 100/20%);
}

#s-pdf12-edit td:first-of-type div {
    color: var(--sx-blue)!important;
    font-size: 2em!important;
    margin: 20px 20px 10px 10px;
    border: 3px solid;
    border-radius: 50%;
    padding: 0px 17px;
}

#s-pdf12-edit td div {
    text-align: justify !important;
    margin-bottom: 20px;
}

#s-pdf12-edit{border-collapse: collapse;
border-spacing: 0;}

#s-pdf12-edit td[colspan="2"]{border-top:1px solid var(--sx-grey);padding-top: 10px;}

.pdf12-tutorial h3 {
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--sx-blue);
    display: inline-block;
	font-size: 1.3em;
}

.pdf12-tutorial td:first-of-type div {
    color: var(--sx-blue)!important;
    font-size: 2em!important;
    margin: 20px 20px 10px 10px;
    border: 3px solid;
    border-radius: 50%;
    padding: 0 20px;
}

.pdf12-tutorial td:nth-of-type(2) div, .pdf12-tutorial td:nth-of-type(2) div p {
    line-height: 1.5em;
    font-size: 1.04em;
    letter-spacing: .3px;
    text-align: justify;
}

.pdf12-tutorial td:nth-of-type(3) img {
    filter: drop-shadow(0 -2px 10px rgba(100,100,100,.2));
}

.pdf12-tutorial td {
    padding: 40px 0;
    border-bottom: 1px solid #eee;
    vertical-align: middle;
}

.pdf12-tutorial td:nth-of-type(2) {
    width: 40%;
    text-align: justify;
    padding-right: 20px;
}

.pdf12-tutorial td:nth-of-type(3) {
    max-width: 55%;
}

#content-block-background-1440 {
    background-image: url();
    background-position: center center;
    background-repeat: repeat-x;
    background-color: var(--sx-blue);
    background-attachment: fixed;
    background-size: auto;
}



.pdf12-edit h2>span {
    float: left;
    margin-right: 20px;
    font-size: 2em;
    border-radius: 50%;
    border: 2px solid #fff;
    line-height: .5em;
    padding: 0 3px 0 4px;
    margin-top: 5px;
    cursor: pointer;
}

#content-block-background-1010, #content-block-background-1359,#content-block-background-1875, #content-block-background-1925, #content-block-background-1130, #content-block-background-1703, #content-block-background-1592, #content-block-background-1190,#content-block-background-1977  {
    background-image: url();
    background-position: center center;
    background-repeat: repeat-x;
    background-color: var(--sx-blue);
    background-attachment: fixed;
    background-size: auto;
}

table#path2eInv tr:nth-of-type(odd) td:nth-of-type(2) {
    font-size: 1.8em;
    letter-spacing: 2px;
    font-family: 'Montserrat';
    color: var(--sx-darkblue);
    font-weight: 500; 
}

table#path2eInv tr:nth-of-type(odd) td:first-of-type {
    width: 300px;
    text-align: center;
}

table#path2eInv {
    margin-bottom: 150px;
}

table#path2eInv .btw>td:first-of-type {
    text-align: center;
    vertical-align: middle;
}

table#path2eInv .btw td:nth-of-type(2) {
    vertical-align: top;
    text-align: justify;
    font-family: open sans,sans-serif;
    letter-spacing: 1px;
    line-height: 1.4em;
    font-size: 1.2em;
    font-weight: 300;
    padding-top: 20px;
}

table#path2eInv .btw>td:first-of-type>div {
    width: 1px;
    background: var(--sx-blue);
    height: 300px;
    display: inline-block;
    filter: drop-shadow(-1px 1px 6px #aaa);
    filter: opacity(.4);
}

table#path2eInv tr:nth-of-type(odd) td:first-of-type div {
    display: inline-block;
    margin: 20px auto;
    background: linear-gradient(to right,#b6ccff,#c7d8ff,#b6ccff);
    padding: 5px 20px;
    font-size: 1.4em;
    font-family: Montserrat;
    font-weight: 500;
    color: #001370;
    border: 3px solid #ffff;
    outline: 3px solid #8caeff;
    filter: opacity(.4);
}

table#path2eInv .btw td:nth-of-type(2) a {
    margin-top: 40px;
    display: block;
    text-align: center;
    color: #fff;
    font-family: open sans,sans-serif;
    padding: 10px 20px;
    background: linear-gradient(to bottom,#5f83db,#4066c3,#5f83db);
    box-shadow: 0 0 10px rgba(100,100,100,.2);
    margin-right: 40px;
    margin-bottom: 40px;
    max-width: 400px;
}

.cat12.active {
    background: var(--sx-blue);
    color: #ccc;
}

.cat12 {
    background: #f1f1f1;
    font-family:Roboto,sans-serif;
    font-size: 1.3em;
    width: 31.3%;
    display: inline-block;
    text-align: center;
    padding: 5px 0;
    letter-spacing: 2px;
    font-weight: 400;
    margin-top: 20px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-left: none;
    color: var(--sx-blue);
    cursor: pointer;
}
headq {
    font-family:Roboto,sans-serif;
    background: #f1f1f1;
    display: block;
    margin-top: 20px;
    padding-left: 10px;
    letter-spacing: 2px;
    color: #444;
    padding-top: 4px;
    padding-bottom: 4px;
    border: 1px solid #e5e5e5;
}

headq .stg {
    float: right;
    margin-right: 10px;
    font-size: 1.3em;
    margin-top: -7px;
    color: var(--sx-darkblue);
    font-weight: 800;
    cursor: pointer;
    transition: all .3s ease-in;
}

headq .stg.open {
    transform: rotate(180deg);
}

faqcontent {
    font-family:Roboto,sans-serif;
    font-size: .95em;
    display: block;
    margin-bottom: 0;
    padding-left: 10px;
    letter-spacing: 1px;
    color: #444;
    background: #eaf1ff;
    display: none;
    padding: 7px 10px;
    text-align: justify;
    border: 1px solid #e5e5e5;
    border-top: none!important;
}

.paket12 img{max-width: 100%;
max-height: 100%;padding: 10px;box-sizing:border-box;}

.paket12 h3 span {
    font-size: 0.6em;
    cursor: pointer;
}

.price-indeed {
    text-align: center!important;
    color: #777;
    font-weight: 700;
}

.paket12 > p > span {
    font-style: italic;
    color: #777;
    font-size: 0.9em;
    }

.funktionen, .funktionen-be {
    border: 1px solid #ccc;
    display: inline-block;
    width: 300px;
    margin: 20px 40px 0px 0px;
padding: 0px;
  position: relative;
  transition:all 0.2s;
  border-radius: 3px;
  box-sizing:border-box;
   position:relative;
}

.v12-selected {
    background: var(--sx-blue);
    position: absolute;
    width: 350px;
    height: auto;
    max-height: 100vh;
    z-index: 1;
    color: #fff;
    font-family: Open Sans,sans-serif;
    padding: 20px;
    border: 2px solid #fff;
    outline: 1px solid var(--sx-blue);
}

#\31 2ungleich0 > h4 > span{font-style: normal!important;font-size: 1em!important; 
    }

.v12-title{font-style:italic;}

.v12-selected span{font-style:italic;
    font-size: 1.0em!important; }
.v12-selected p{
    font-size: 0.8em!important;}
div#recy h4 {
    font-size: 1em!important;
    margin: 5px 0;
}

div#\31 2ungleich0 h4 {
    margin: 5px 0!important;
    font-size: 1.0em;
}
#v12-total-price, #price-recy {
    margin: 0 20px 0 0;
    border-bottom: 1px solid #fff;
    display: block;
    padding-bottom: 6px;
}

input.buy-config12 {
    margin-top: 20px;
    padding: 5px 15px;
    color: #fff;
    background: var(--sx-orange)!important;
    border: 1px solid var(--sx-orange)!important;
    border-radius: 5px;
    font-size: 1.2em;
    letter-spacing: 0.5px;
    font-family: Roboto, sans-serif;
    cursor: pointer;
}

.selected-product{opacity:1!important;transform:scale(1.1);transition:all 0.2s}

.funktionen .price,.funktionen-be .price{position:absolute;top: 10px;right:10px}

.funtkionen h4,.funtkionen-be h4{display:inline-block;}

#v12-funktionen,#v12-funktionen-be,#v12-upgrade-layer,#key12{display:none}

.grey-inactive{opacity:0.3}

.open-selection{opacity:1!important}
.not-selected-product{opacity:0.3}

#v12-paymentperiod,.v12-quan{display:none}

select.yprice::-ms-expand {
    display: none;
}

select.yprice {
  -moz-appearance: none;
   -webkit-appearance: none;
  color:#000;width: 40px;padding-right: 0px; color:#333;
  border:none;
  overflow:hidden!important;
  background:transparent!important;color:#333!important;
}

select.yprice:disabled{opacity:1!important;margin-left:3px}



.v12-layer{width: 100%;height: 100%;z-index:1000;position:absolute;top:0}

.v12-active-layer{background:rgba(221, 126 ,72,0);transition:all 0.5s linear;}

.v12-config{position:absolute;top: 0;right: 0;
 width: 50px; }

.v12-config-active{width: 120px!important;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;transition:all 0.3s linear;border-radius: 50%;border:5px solid var(--sx-darkblue); background:var(--sx-darkblue)}

.funktionen .v12-config, .funktionen-be .v12-config{bottom: 0!important;position:absolute;top: auto;width:30px}

.funktionen .v12-config-active, .funktionen-be .v12-config-active{width: 50px!important;
  margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
   }

.active-selection{filter:drop-shadow(10px 10px 10px black);width: 70px;transform:translate(20px,-20px);transition:all 0.4s;}

.funktionen .v12-config.active-selection, .funktionen-be .v12-config.active-selection {width: 50px!important;transform:translate(0px,0px)!important;}

#kaufassi input[type=number]::-webkit-inner-spin-button, 
#kaufassi input[type=number]::-webkit-outer-spin-button {  

   opacity: 1;

}

.v12-selected .v12-quan{margin-top:10px}
.v12-quan input{width: 35px;margin-left:10px}

.paket12up .parent,
#v12-help .parent{border: 1px solid rgba(41, 64, 117,1)!important;
    text-align: justify;
  width: 350px;
    padding: 0!important;
    display: block;
    float: left;
  box-sizing:border-box;
  border-radius: 3px;
  position:relative;
  margin: 40px 80px 0 0;
  box-shadow:0 0 16px rgba(200,200,200,0.2);
}

#v12-help .child, .paket12up .child{padding: 10px;background:rgba(200,200,200,0);font-family:Roboto,sans-serif;color:#333}

#v12-help h4, .paket12up h3 {
    margin: 0;
    padding: 20px;
    background: linear-gradient(
180deg
,rgba(41, 64, 117,0.5),rgba(41, 64, 117,1) 80%);
    color: #fff;
    font-family: Open Sans,sans-serif;
    text-shadow: 0 0 1px rgb(200 200 200 / 70%);
    font-weight: 380;
    letter-spacing: 0.8px;
    font-size: 1.2em;
}

#kaufassi{max-width: 1400px;margin-left: -140px;position:relative;margin-bottom:100px}

#kaufassi > h3:first-of-type{margin: -10px 0 20px 0;font-weight:400;font-style:italic}

#v12-help div p{position:absolute;top: 0;right: 0px;font-size:1.5em;color:#fff;background:var(--sx-orange);padding: 5px 10px;margin-top: -1px;border-radius: 0 0 3px 0;margin-right: -1px;text-shadow:0px 0px 2px black;font-style:italic;outline:4px solid;outline-color: var(--sx-orange) var(--sx-orange) #fff #fff}

.v12-upgrade-btn{border-radius: 0px!important;
    box-sizing: border-box!important;
    width: 100%!important;
    background: var(--sx-blue);
    color: #fff!important;
    text-align: center!important;
    padding: 5px 0px!important;
    border: 1px solid var(--sx-blue)!important;
    margin-top: 0px!important;
    cursor: pointer;
}

#v12-alert-layer {
    width: 100vw;
    height: 108vh;
    background: rgba(100,100,100,.3);
    z-index: 99999;
    position: fixed;
    left: 0;
    top: 0;
}
#v12-upgrade{max-width: 800px; 
  height: auto;
  background:#fff;    
   padding: 10px;
    border-radius: 3px;
}

.alertText{max-width: 800px;height: auto;background:#fff;  position: absolute;         
    left: 50%;                   
    bottom: 50%;               
    transform: translate(-50%);
    padding: 10px;
    border-radius: 3px;}

#v12-upgrade input[type="text"],#v12-upgrade input[type="checkbox"] {
  display:inline-block;
    
}
.t12 {
    border: 1px solid #cac7c7;
    display: inline-block;
    padding: 5px 10px;
    background: #f9f9f9;
    color: #666;
    cursor: pointer;
    opacity: .6;
    float: left;
    margin-bottom: 13px;
}

.t12:first-of-type{border-radius:5px 0 0 5px}
.t12:nth-of-type(2){border-radius:0 5px 5px 0px}

select.time {
    margin-top: -20px;
    background: 0 0;
    color: #fff;
    font-family:Roboto,sans-serif;
    border: none;
    border-top: 1px solid #fff;
    padding-top: 5px;
    margin-top: -25px;
}

.qty12, .qty-prem, .fqty12  {
    float: left;
    padding: 2px 7px;
    margin-right: 5px;
    border: 1px solid #fff;
    border-radius: 5px;
    cursor: pointer;
    background-color: rgba(255,255,255,.2);
    margin-bottom: 20px;
    opacity: 0.65;
}

.t12.active,.qty12.active,.qty-prem.active, .fqty12.active {
    background-color: var(--sx-orange)!important;
opacity:1!important;
color:#fff!important;
}

.Konfigurator .qty12  {
    
 border: 1px solid #cac7c7!important;
    background: #f9f9f9;   
    cursor: pointer;
    margin-bottom: 20px;
   opacity: .6;
}

.Konfigurator .qty12.active{color:#fff!important}

select.time {
  
  -moz-appearance: none;
  
  -webkit-appearance: none;
}

select.time::-ms-expand {
  display: none;
}

select.time:disabled {
    -moz-appearance: none;
    -webkit-appearance: none;
    color: #fff;
    opacity: 1;
}

.v12-upgrade-submit,.v12-alert{border-radius: 0px!important;
    box-sizing: border-box;
    background: var(--sx-blue);
    color: #fff;
    text-align: center;
      border: 1px solid var(--sx-blue);
    cursor: pointer;
  display:inline-block!important;
  padding: 5px 20px;
  float:left;
  margin-right: 20px;
  margin-top: 10px;
      margin-bottom: 20px;
}

.paket12{
    text-align: center;
  width: 350px;
    padding-bottom: 10px;
    display: block;
    float: left;
  box-sizing:border-box;
  transition:all 0.2s;
  border-radius: 3px;
  margin: 40px 80px 0 0;
  perspective: 800px;
  height: 500px;  
  position:relative;
    
}

.card {
      width: 100%;
      height: 100%;
      position: absolute;
      transition: transform 1s;
      transform-style: preserve-3d;
      transform-origin: 50% 50%;
  border: 1px solid #ccc;
    }

 .card .front {
         backface-visibility: hidden;
   
    }
    
.card .back {position:absolute;top: 0;left: 0;width: 100%;
      height: 100%;
      background:var(--sx-orange);
      transform: rotateY(180deg);
   backface-visibility: hidden;
  color:#fff;
     }

    .card.flipped {
      transform: rotateY(180deg);
    }

.outerpaket12{padding: 0px;}

.paket12.small{height:180px!important
  }

.v12-desc{    display: flex;
    text-align: justify;
    padding: 0 20px;
    letter-spacing: 0.3px;
    height: 100%;
    margin: auto;
    align-items: center;
  margin-top: -40px;}

.innerdivider {
    text-transform: uppercase;
    color: #fff;
    letter-spacing: .2em;
    font-size: 15px;
    line-height: 20px;
    transform: translateY(-18px);
    z-index: 1200;
    background:var(--sx-darkblue);
    display: inline-block;
    padding: 5px 10px;
  border:3px solid var(--sx-darkblue);
  
}

.outerdivider {
    background: var(--sx-darkblue);
    height: 1px;
    display: block;
    text-align: center;
    margin: 50px 0 0px 0;
}

.v12-info-abo{background:#de6868;color:#fff;display:inline-block;width: auto;padding: 5px 10px;font-family:Open Sans;margin-bottom:-20px}

select.price::-ms-expand {
    display: none;
}

select.price {
  -moz-appearance: none;
   -webkit-appearance: none;
 width: 40px;padding-right: 0px; 
  border:none;
  overflow:hidden!important;
  background:transparent!important;text-align:right;
}

select.price:disabled{opacity:1!important;margin-left: 3px;color:black;text-align:right;}



.prem-functions,.be-functions{   display:inline-block;width: auto;border-radius: 2px;float:left;}

.be-functions {clear:left}

.prem-functions{background: #fff}

.be-functions{ background: #fff;}

.prem-functions table tr:nth-child(even),.be-functions table tr:nth-child(even){background:#fff}

.prem-functions table td{}

.prem-functions table th:nth-child(2),.prem-functions table th:nth-child(3){text-align:left}

.prem-functions h2{margin: 10px 0 10px 10px;font-weight:300}

.prem-functions table td:nth-child(2), .be-functions table td:nth-child(2){min-width:900px}

.pdf12-pakete {
    height: 450px;
    border: 1px solid #e8e6e6;
    padding: 10px;
    clear: both;
    margin-bottom: 10px;
}
.pdf12-pakete img{width:350px}

.pdf12-pakete .description{height:100%}

.pdf12-pakete .description h3 {
   
}

.pdf12-pakete #price {
    position: absolute;
    color: var(--sx-orange);
    font-size: .8em;
    font-family: Open Sans,sans-serif;
    text-align: right;
    bottom: 120px;
    right: 20px;
}

input.cat-block-item-btn.cat-block-item-btn-blue.bottom-right{position:absolute;right:20px}

#info-upgr h5 {
    font-style: bold;
    margin: 0 0;
    font-size: 1.2em;
    color: #de6868;
}

div#info-upgr {
    color: #333;
    font-size: 1em;
    text-align: justify;
    margin: 20px 0;
    padding: 10px;
    background: #fff6ac;
    border: 1px solid #f1f1f1;
    letter-spacing: .8px;
    display: none;
}

.pdf12-pakete td {
    padding: 3px 0;
    font-size: 0.9em;
}

.opt-func12{height:100%}

#price .not-imp{font-size:0.9em;color:#777}
#price .1y div{margin:-20px 0 0 0}
#price .imp {
    font-size: 1.0em;
    
}

.imp span.month, #price .imp .total {
    font-size: 1.6em;
	text-shadow: 2px 2px 1px rgb(200 200 200 / 50%);
}

.pdf12-pakete h5 {
    font-size: 1em;
    margin: 10px 0;
clear:left;
}

.one_third.better-small {
    width: 25%!important;
}

.one_third.last_column.bigger {
    width: 43%!important;
}

.func-desc{margin-bottom:40px}

.func-desc h3 {
    color: #666;
    font-family: Open Sans, sans-serif;
    font-size: 1.1em;
    letter-spacing: 0.3px;
text-decoration:underline;
cursor:pointer;
}

.func-desc div{display:none}

.pdf12-pakete .qty12, .pdf12-pakete .qty-prem, .pdf12-pakete .fqty12 {background: #f9f9f9;
    color: #666;
    cursor: pointer;
    opacity: .6;border: 1px solid #cac7c7;    padding: 5px 10px;}

.pdf12-pakete .qty12.active{opacity:1!important}

.qty12-more {
    float: left;
      cursor: pointer;
}

.qty12-more div {
    width: 5px;
    height: 5px;
    background: #adadad;
    float: left;
    margin: 12px 1px;
    border-radius: 50%;
}

.send-mail12 {
    position: absolute;
    background: #333;
    color: #fff;
    padding: 10px;
    margin-top: -100px;
    font-size: .8em;
    z-index: 500;
    border-radius: 3px;
    width: 200px;
    text-align: justify;
    margin-left: -153px;
}

.send-mail12 h5{color:#fff!important;margin:0!important}

.send-mail12 span {
    color: #fff;
    position: absolute;
    top: 2px;
    right: 5px;
    cursor: pointer;
    font-size: 1.2em;
}

.send-mail12 a:hover{color:#ff660b!important}

.qty12more {
    float: left;
    opacity: 1;
    border-radius: 5px;
    background: #f9f9f9;
    color: #666;
    cursor: pointer;
    border: 1px solid #e2e1e1;
    padding: 4px 5px;
}

.upgr12 input[type="submit"], .corp input[type="submit"], .corp a, .second-row .btn, .discount-container input[type="submit"]
    
 {
    background: var(--sx-blue);
    color: #fff;
    border: 1px solid var(--sx-blue);
    outline: none;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    font-family: Open Sans, sans-serif;
    font-weight: 600;
margin-left:10px
}

.discount-container div {
    margin: 10px 0;
}

.upgr12 input[type="submit"]:hover,  a.upgr12a:hover, .corp input[type="submit"]:hover, .corp a:hover, .second-row .btn:hover{background:transparent;color:var(--sx-blue); transition:all 0.2s linear} 

.upgr12 input[name=pcode] {
    float: left;
    border-radius: 5px;
    border-color: #eee #f5f5f5;
    padding: 5px 10px;
}

.upgrade-title,.corp-title {
    border: 1px solid var(--sx-blue);
    padding: 3px 10px;
    border-bottom: none;
    width: auto;
    display: inline-block;
    cursor: pointer;
    border-radius: 5px 5px 0px 0px;
border-right:none;
}

.upgrade-title.active,.corp-title.active {
    background: var(--sx-blue);
    color: #fff;
}

.upgr12,.corp {
    border: 1px solid var(--sx-blue);
    display: none;
padding: 10px 10px 0 10px;
max-width: 500px; 
border-radius: 0 0 5px 5px;

}

.upgr12 p{text-align:justify}

.upgr12 .not-enough {
    border: 2px solid;
    border-color: #ff7a7a #ff7a7a #de6868 #de6868!important;
}

.upgr12 .verified {
    border: 2px solid;
    border-color: #91d891 #479e47 #278c26 #91d891!important;
}

.upgr12  input.dis-this {
    opacity: 0.5;
}

.dev-info {
    background: #F7E6DC;
    display: block;
    width: 100%;
    color: #A22021;
    font-family: Open Sans, sans-serif;
    opacity: 1;
    margin: -10px -10px 10px;
    padding: 5px 16px 5px 5px;
    font-weight: 500;
}

.dev-info span{font-weight:800}

.func-desc li {
    margin: 10px!important;
    color: #666;
    font-weight: 300;
    font-family:Roboto,sans-serif;
    display: inline-block;
    border: 1px solid #e8e8e8;
    padding: 3px 8px;
    background: #fdfdfd;
}
span.a{display:none}

table .index{display:none}
table .indcont{display:none}

table#all-func th {
    text-align: left;
    padding: 20px 10px;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-weight: 800;
    background: #eee;
    color: var(--sx-blue);
    border: 1px solid #999;
    text-shadow: 2px 2px 2px rgb(200 200 200 / 80%);
    border-radius: 5px 5px 0px 0px!important;
}

table#all-func tr th input {
    float: left;
    transform: scale(1.3) translateY(1.5px);
    margin-right: 20px;
}

table#all-func td {
    border-bottom: 1px solid #eee;
    line-height: 1.4em;
    padding-top: 10px;
}

table#all-func td:nth-child(3) {
    text-align: right;
    min-width: 60px;
}

.konfigurator {
    font-family: Open Sans,sans-serif!important;
    
}

table#all-func tr{cursor:pointer}

table#all-func tr:nth-child(odd) {
    background: #f9f9f9;
}

table#all-func td:nth-child(2) {
    padding-left: 10px;
}

.prem-functions table, .be-functions table {
    display: inline-block;
    width: auto;
    border-collapse: separate;
}

.pdf12-pakete table td:nth-child(3){display:none!important}

#opt-be th, #opt-off th, .func-inc th,#opt-fin th, #opt-ppe th, #opt-eRe th {
    text-align: left;
    padding: 10px 0;
}

.func-inc {margin-bottom:0!important}

.close-cart {
    position: absolute;
    top: 10px;
    right: 9px;
    font-weight: 800;
    cursor: pointer;
    background: #fff;
    color: #455e9a;
    padding: 0px 9px;
    border-radius: 50%;
}

.layer-sc {
    background: rgba(100,100,100,0.5);
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
display:none;
}

.show-sc {
    width: auto;
    position: fixed;
    right: 20%;
    top: 30%;
    cursor: pointer;
    display: flex;
    align-items: center;
    z-index: 300;
    width: 118px;
    flex-direction: row-reverse;
}

.show-sc img {
    width: 50px;
    z-index: 2;
}

.show-sc #v12-total-price {
    font-size: 0.7em;
    color: #de6868;
}
.show-sc div {
    color: #ffffff;
    position: absolute;
    font-size: 1em;
    font-weight: 600;
    font-family: Open Sans,sans-serif;
    top: -7px;
    right: -100px;
    background-color: var(--sx-orange);
    padding: 15px 15px 17px 0;
    border: #d8d8d8 3px solid;
    border-radius: 7px;
    width: 274px;
    text-align: right;
    z-index: 1!important;
    padding-left: 10px; 
}

@media screen and (min-width:710px) and (max-width: 1080px)
{
	.index{display:none!important}

	#all-func td{
		display: table-row; text-align:left!important;font-size: 0.9em;
	  }

	#all-func td:first-child{float:left;display:inline-block!important}

	table#all-func td:nth-child(3){font-weight:800;padding-bottom:5px}
	input.all-prem,input.all-be,input.all-ppe {
		margin-top: -5px;
		margin-right: 10px;
	}
}

@media screen and (min-width:480px) and (max-width: 710px)
{
	.index{display:none!important}

	#all-func td{
		display: table-row;text-align:left!important;font-size: 0.9em;
	  }
	input.all-prem,input.all-be,input.all-ppe {
		margin-top: -5px;
		margin-right: 10px;
	}

	table#all-func td:nth-child(3){font-weight:800;padding-bottom:5px}

	#all-func td:first-child{float:left;display:inline-block!important}
}

@media screen and (max-width:480px)
{
	.index{display:none!important}

	input.all-prem,input.all-be,input.all-ppe {
		margin-top: -5px;
		margin-right: 10px;
	}

	#all-func td{
		display: table-row;text-align:left!important;font-size: 0.9em;
	  }

	#all-func td:first-child{float:left;display:inline-block!important}
	table#all-func td:nth-child(3){font-weight:800;padding-bottom:5px}
}

.sxaccform {
    background-color: rgba(255,255,255,0.95);
    border: #e0e0e8 1px solid;
    border-radius: 4px;
    margin-top: 15px;
    padding: 20px;
    backdrop-filter: blur(4px);
    float: right;
    margin-bottom: 50px;
    font-family: Roboto, sans-serif;
}

.sxacccapt {
	text-align: center;
	font-size: 1.5em;
	margin: 0;
}

.sxaccebox {
	border: #6080a0 1px solid;
	border-radius: 4px;
	font-size: 1.2em;
    padding: 5px;
}

.sxacceboxro {
	background-color: #fffcf0;
	border: #e0e0e8 1px solid;
	border-radius: 4px;
	font-size: 1.2em;
    padding: 2px 5px;
}

.sxaccbutt {
	background-color: var(--sx-blue);
	border-radius: 4px;
	border: #405080 1px solid;
	color: #ffffff;
	font-size: 1.2em;
    padding: 5px;
width: 100%!important;
}

.sxaccchbox {
	display: none;
}

.sxaccchbox + label {
	display: inline-block;
	border: 1px solid #6080a0;
	border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	position: relative;
 	float:left;
  	margin-right: 8px;
	padding: 10px;
}

.sxaccchbox:checked + label:after {
	content: '\2713';
	font-size: 22px;
	font-weight:700;
	position: absolute;
	top: -8px;
	left: 2px;
	color: var(--sx-blue);
}

.sxacc-menuitem {
    display: block;
    border: 1px solid #e0e0e8;
    border-radius: 3px;
    cursor: pointer;
    font-size: 1em;
    padding: 3px 10px;
    margin: 10px 20px 10px 0;
background: #fff;
}

.sxacc-menuitem.active {
    background: var(--sx-blue);
    color: #fff;
    transform: translateX(10px);
    transition: all 0.5s linear;
}

.sxacc-dashboard {
    display: none;
    border: 1px solid;
    border-color: #e0e0e8;
    padding: 20px;
    max-width: 900px;
    margin-bottom: 80px;
    font-family: Open Sans,sans-serif;
    font-weight: 500;
    background: rgba(255,255,255,0.9);
position:relative;
}

.sxaccebox {
	border: #6080a0 1px solid;
	border-radius: 4px;
	font-size: 1.2em;
    padding: 5px;
cursor:pointer;
}

.sxacc-listitem {
    width: 100%;
    background: #fff;
    border: 1px solid #e0e0e8;
    border-top: none;
    padding: 15px 10px;
    box-sizing: border-box;
}

.sxacc-listbx {
    display: inline-block;
	background-color: #fffcf0;
	border: #e0e0e8 1px solid;
	border-radius: 4px;
	font-family: Roboto;
	font-size:16px;
    padding: 0px 5px;
}

.sxacc-listedit {
	border: #6080a0 1px solid;
	border-radius: 4px;
	font-family: Roboto;
	font-size:16px;
    padding: 4px 5px;
}

.sxacc-listbutt {
	background-color: var(--sx-blue);
	border: #405080 1px solid;
	border-radius: 4px;
	color: #ffffff;
	font-family: Roboto;
	font-size:16px;
    padding: 4px 10px;
    cursor: pointer;
}

.keys{max-width:550px}

.keys input[type=submit] {
    min-width: 200px!important;
    display: inline-block!important;
    width: auto!important;
    font-size: 1.0em!important;
    margin-top: 0px!important;
cursor:pointer;
}

.sxacc-listhead {
    width: 100%;
    background: var(--sx-orange);
    border: 1px solid var(--sx-orange);
    border-radius: 5px 5px 0 0;
    padding: 5px 10px;
    color: #fff;
    font-weight: 800;
  box-sizing: border-box;
}

.menu-cont {
    float: left;
    display: inline-block;
}

.sxacc-dashboard .edit {
    float: left;
    border: 1px solid #c1c1c1;
    margin: 10px 10px 10px 0;
    padding: 10px;
    box-sizing: content-box;
    color: #505050;
    border-radius: 3px;
}

@media screen and (min-width:1200px){
.sxacc-menuitem:first-of-type {
       margin-top: 0!important;
}

}

input[name="apass"]{width: 100%!important;cursor:pointer}

.acc-ds a {
    font-size: .8em;
    margin-left: 20px;
    margin-right: 20px;
    color: #afafaf;
    text-decoration: underline;
}

.acc-ds {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    border-top: 1px solid #d4d4d4;
    padding-top: 20px;
	color: #afafaf;
}
   
  

 
.acc-container {
    display: flex;
    justify-content: center;
align-items:center;
}




  


.acc-l div {
    color: #fff;
    font-size: 0.95em;
    font-family: Open Sans,sans-serif;
    text-align: justify;
}

@media screen and (max-width:860px){
.acc-l {
    display: inline-block;
    max-width: none!important;
    margin-bottom: 50px;
    font-size: .9em;
    font-weight: 500;
    text-align: left;
    width: 87vw;
    transform: translateX(0)!important;
    margin-left: 15px;
    margin-right: 0px;
}

.acc-l h2 {
    margin-bottom: 42px;
    margin-top: 26px;
}

.acc-container .sxaccform {
    margin: 5px 0;
    display: block;
    width: 100%!important;
    float: none;
}

}

form[name="sxaccount"] h2 {
    font-size: 1.2em!important;
}

form[name="sxaccount"] input[type="submit"] {
    font-size: 1.2em!important;
width: 100%;text-align:center;margin-top: 20px;cursor:pointer;
}

.sxacc-dashboard .btn{
    background: var(--sx-blue);
    display: block;
    max-width: 250px;
    text-align: center;
    padding: 5px 0;
    margin: 15px 0;
    color: #fff;
    min-width: 200px;
cursor:pointer;
}

.react {
    display: none;

}

.react-key{display:none}

.reas select {
    margin-bottom: 10px;
    font-family: Open Sans, sans-serif;
    font-weight: 800;
    padding: 3px 8px;
}

img.top-el {
    width: 25px;
    float: left;
    margin-top: 0px;
    margin-right: 13px;
    border-radius: 50%;
}

.pdf12-pakete{border-radius: 10px 10px 10px 10px;box-shadow: 0 10px 16px rgb(200 200 200 / 30%);margin-top: 0px;background: #fcfcfc;
    border: 1px solid #eee;
}

.ed-info {
    display: block;
    width: 100%;
    font-family: Open Sans,sans-serif;
    opacity: 1;
    margin: -10px -10px 12px;
    padding: 5px 16px 5px 5px;
    text-align: center;
    color: #fff;
    background: var(--sx-blue);
    font-size: 1.2em;
    letter-spacing: 1px;
    font-weight: 300;
    border-radius: 10px 10px 0 0;
}

.pdf12-pakete label {
    line-height: 20px;
    transform: translateY(4px);
    margin-right: 10px!important;
}

#opt-eRe td:nth-of-type(2) div{display:none}

.pdf12-pakete .first-column {
    float: left;
    display: inline-block;
    width: 28%;
}

.pdf12-pakete .second-column {
    float: left;
    display: inline-block;
    width: 43%;
	margin-left: 20px;
	margin-right: 20px;
	box-sizing:border-box
}

.pdf12-pakete .third-column {
    float: left;
    display: inline-block;
    width: 23%;
	position:relative;
	margin-left: 20px;
}
.third-column div#price {
    position: relative!important;
    clear: both!important;
    display: block;
    bottom: 0!important;
    margin-top: 20px;
}

.third-column .kasse {
    width: 100%;
    max-width: unset;
    margin-top: 20px;
}

.third-column h5 {
    letter-spacing: 1px;
    font-family: open Sans,sans-serif;
    font-size: 1.1em;
    margin: 10px 0 10px 0;
}

.devinfo{clear:both;margin: 20px 10px 10px;
    background: #ffed6d;
    float: left;
    font-size: .8em;
    font-family: Open Sans,sans-serif;
     padding: 3px 8px;
    color: #685e5e;}
.pdf12-pakete{display:inline-table}

.third-column #price span b {
    font-size: 1.4em;
    color: var(--sx-orange);
    font-weight: 300;
    margin-right: 5px;
}

.ed-info span:after{
	font-family: Segoe MDL2 Assets;
    content: '\E712';
    display: inline-block;
    color: #fff;
	cursor:pointer;font-size: 1.5em;
	float:right;margin-top:-8px;
	}

.ed-info-toggled{box-shadow: none;
    border: none;
background: #fff;min-height: 0!important;height: auto!important;display:block}

#all-func>tbody>tr>td>div:nth-child(3) span img, #opt-be td:nth-child(2) div:nth-child(2) span  img{
    width: auto!important;
}

#opt-off td:nth-child(2) div:nth-child(2)>span>img, #opt-fin td:nth-child(2) div:nth-child(2)>span>img, #opt-be td:nth-child(2) div:nth-child(2)>span>img,  #opt-ppe td:nth-child(2) div:nth-child(2)>span>img , #opt-eRe td:nth-child(2) div:nth-child(2)>span>img{
    width: 24px!important;
    max-width: 24px!important;
    float: right;
    position: absolute;
    right: 10px;
    bottom: 5px;
}

#opt-fin td:nth-child(2) div:nth-child(2), #opt-off td:nth-child(2) div:nth-child(2), #opt-be td:nth-child(2) > div:nth-child(2), #opt-ppe td:nth-child(2) div:nth-child(2), #opt-eRe td:nth-child(2) div:nth-child(2){border-radius:none!important}

table#opt-be th span, table#opt-off th span {
    font-weight: 400;
    font-size: 0.8em;
}

.v12pay {
    margin-top: -50px;
	clear:both
}

.v12pay .payment {
    float: left!important;
    border: none!important;
    box-shadow: none!important;
    display: block;
    margin-left: 20px!important;
    filter: grayscale(1) opacity(.3);
    margin: 10px 20px;
}
.v12pay .payment:hover{filter:none;transform:scale(1.5);transition:all .3s linear}

span.sxmenu-btn {
    display: inline-block;
    border: 1px solid #e0e0e8;
    border-radius: 3px;
    cursor: pointer;
    font-size: 1em;
    padding: 10px;
    background: #fff;
    text-shadow: none!important;
    color: #444!important;
	cursor:default!important;
}

#all-func>tbody>tr>td>div:nth-child(3):before, #opt-fin>tbody>tr>td:nth-child(2)>div:nth-child(2):before, #opt-off>tbody>tr>td:nth-child(2)>div:nth-child(2):before, #opt-be>tbody>tr>td:nth-child(2)>div:nth-child(2):before, #opt-ppe>tbody>tr>td:nth-child(2)>div:nth-child(2):before, #opt-eRe>tbody>tr>td:nth-child(2)>div:nth-child(2):before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border-left: 24px solid #444;
    border-right: 12px solid transparent;
    border-top: 12px solid #444;
    border-bottom: 20px solid transparent;
    left: 32px;
    bottom: -24px;
}

p.desc-cent {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    text-align: justify;
    font-family: roboto, sans-serif;
    font-weight: 400;
}

#opt-fin>tbody>tr>td:nth-child(2)>div:nth-child(2), #opt-off>tbody>tr>td:nth-child(2)>div:nth-child(2), #opt-be>tbody>tr>td:nth-child(2)>div:nth-child(2), #opt-ppe>tbody>tr>td:nth-child(2)>div:nth-child(2), #opt-eRe>tbody>tr>td:nth-child(2)>div:nth-child(2){
	
	top: auto!important;
}

#opt-fin>tbody>tr>td:nth-child(2)>div:nth-child(2):before, #opt-off>tbody>tr>td:nth-child(2)>div:nth-child(2):before, #opt-be>tbody>tr>td:nth-child(2)>div:nth-child(2):before, #opt-ppe>tbody>tr>td:nth-child(2)>div:nth-child(2):before, #opt-eRe>tbody>tr>td:nth-child(2)>div:nth-child(2):before{
	content: "";
    width: 0;
    height: 0;
    position: absolute;
    border-left: 24px solid #444;
    border-right: 12px solid transparent;
    border-top: 12px solid #444;
    border-bottom: 20px solid transparent;
	
 }

 .cb-cont img {
    width: 80px;
    cursor: pointer;
    filter: drop-shadow(1px 1px 1px #444);
   
}

.cb-cont {
    position: fixed;
    z-index: 999999;
    top: 95px;
    right: 20px;
    background: linear-gradient(to right,#fff,#f1f1f1);
    box-shadow: 0 0 10px rgba(100,100,100,.5);
    padding: 5px;
    border-radius: 20px;
    border: 2px solid #099145;
	transition: all 0.2s linear;
	max-height:62px
}
.second-column label {
    margin-top: -4px!important;
}

.second-column table:nth-of-type(2) td {
    padding: 7px 0;
}
.cb-cont.cb-inf {
    width: 550px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #099145;
    padding: 10px;
    height: min-content;
    box-sizing: content-box;
    background: linear-gradient(45deg, #d5ffe0, #dbffe8);
    min-height: 192px;
}

img.cb-img-inf {
    cursor: default!important;
    filter: none!important;
    border-radius: 0!important;
    float: left;
    margin-right: 20px;
    margin-top: 30px;
}

.cb-inf h3 {
    color: #099145;
    margin-top: 0;
    font-family:Roboto,sans-serif;
    letter-spacing: 2px;
}

.cb-inf h3 span {
    float: right;
    cursor: pointer;
    margin-top: -15px;
    margin-right: -14px;
    padding: 10px;
}

.cb-cont div {
    font-family: Open Sans, sans-serif;
    text-align: justify;
    letter-spacing: 0.5px;
}

#lay-desc {
    display: none;
    background: rgba(100,100,100,.7);
    z-index: 100;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
div#pa-inf {
    background: #fff;
    width: 400px;
    position: absolute;
    left: 50%;
    right: 50%;
    transform: translateX(-50%);
    top: 100px;
    padding: 30px;
    text-align: justify;
    border-radius: 10px;
}

#vol form table tr td {
    padding: 5px 0;
    transform: translateY(-33px);
}

.pdf12-pakete table{font-size:0.9em}

.iqmpl {
    float: right;
    font-size: 0.8em;
    margin-top: 12px;
}
#qmpl,#qlam {
    border: 1px solid #efefef;
    box-shadow: 0 0 10px rgb(200 200 200 / 30%);}

#qmpl td, #qlam td{padding-right:10px;text-align:right;}

#qmpl tr:first-of-type td,#qlam tr:first-of-type td{text-align:left;font-weight:bold;color:var(--sx-blue);background:#eee;padding:10px 10px 10px 5px}

#qmpl td:first-of-type,#qlam td:first-of-type{text-align:left;padding:5px}

#qlam td {
    text-align: right;
    border-right: 1px solid #ccc;
    padding: 0 5px;
}

#qlam td:last-of-type{border:none!important}

#qmpl tr:nth-of-type(odd),#qlam tr:nth-of-type(odd){background:#efefef}

#qmpl tr:nth-of-type(even),#qlam tr:nth-of-type(even){background:#fff}

#qlam tr td div{float:left;}

#qlam tr td div:first-of-type:after{content:"|";display:inline-block;margin:0 10px}

#qlam tr:first-of-type div{font-size:0.8em; font-weight:400}

#qlam tr td div {
    float: left;
    transform: translateY(3px);
}

.iqmpl:after{content:""!important;display:none!important}

#vol {
    clear: both;
    border: 1px solid #e8e6e6;
    padding: 10px;
    background: radial-gradient(#ff9b2f3b,#ffebc663,#ff9b2f2b);margin-bottom:40px;
}



label {
	display: inline;
}

.regular-checkbox {
	display: none;
 
}

.regular-checkbox + label {
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 5px;
	display: inline-block;
	position: relative;
 	float:left;
  	margin-right: 10px;
	margin-top: 7px;
    
}

.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
   
}

.regular-checkbox:checked + label {
	background-color: #fff;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #fff;
}

.regular-checkbox:checked + label:after {
	content: '\2713';
	font-size: 26px;
	font-weight:700;
	position: absolute;
	top: -4px;
	left: 2px;
	color: #4060C0;
}

#info-upgr input.btn {
    margin: 0px 20px 0 10px!important;
    background: var(--sx-blue);
    color: #fff;
    font-family: Roboto, sans-serif;
    border: 1px solid var(--sx-blue);
    padding: 4px 8px;
    border-radius: 3px;
    font-size: 1em!important;
}

.coupon-prod12 input[name=pcode] {
    margin-right: 20px;
    font-size: 1.2em;
    line-height: 1.5em;
    padding: 0 5px;
    max-width: 100px;
    border-radius: 5px;
    border-color: #eee #ccc #eff;
}

.cfl {
    display: inline-flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.pinf {
    font-weight: 300;
    font-size: 0.8em;
    margin-top: 8px;
    text-decoration: underline;
    transform: translateX(10px);
	cursor:pointer;
}



#pa-inf img {
    width: 100px;
    margin: 0 auto 30px auto;
    display: block;
}

span.cl-inf {
    font-size: 23px;
    position: absolute;
    right: 3px;
    top: -8px;
    padding: 10px;
    cursor: pointer;
    font-family:Roboto,sans-serif;
}

.qhint {
    position: absolute;
    font-size: .8em;
    color: #444;
    background:#fff;display:inline-block;
    right: 40px;
    transform: translateY(-37px);
}
#qlam tr td div {
    float: left;
    transform: translateY(3px);
}

#qlam td {
    text-align: right;
    border-right: 1px solid #ccc!important;
    padding: 0 5px;
}
.pdf12-pakete {min-width: 1150px;}

.pdf12-pakete .one_third{margin-right:0!important}

.pdf12-pakete .description h3 {
    padding-top: 0;
    margin-top: 5px;
}

.pro-int {
    text-align: justify;
    color: #666;
    font-family: Open Sans,sans-serif;
    letter-spacing: 0.3px;
    margin-top: 50px;
}

div#right, #left {
    font-size: 5em;
    color: ff880b;
    display: inline-block;
    margin: 0 20px;
    cursor: pointer;
    transition: all .2s linear;
    line-height: 1em;
    margin-top: 10px;
    margin-bottom: -30px;
}
#left{transform:rotateY(180deg)}

#right:hover{transform:translateX(20px)}
#left:hover{transform:translateX(-20px) rotateY(180deg)}

.vorwort span:nth-of-type(3):after{display:none}

.desc div img {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 100px;
    filter: opacity(0.3) grayscale(0.7);
}

.nlq{display:inline-block;font-size:0.9em;float: right;border: 1px solid #ccc;padding: 10px;max-width: 300px;background: rgba(255,255,255,0.6);text-align:justify;margin-left: 10px;margin-top:20}

tr.show-func td:first-child img {
    width: 60px;
    margin-right: 10px;
}

div#func-desc12 {
    margin-top: 20px;
    display: flex;
    align-items: center;
}

#func-desc12 img{margin:0 10 0 20}

.show-func td:first-child{height:100px}

#all-func>tbody>tr>td>div:nth-child(2), .table-inf12 div table tr td:first-of-type div,.vorwort span.lquest, #opt-be td:nth-of-type(2) div, #opt-fin td:nth-of-type(2) div, #opt-off td:nth-of-type(2) div,#opt-ppe td:nth-of-type(2) div, #opt-eRe td:nth-of-type(2) div,#all-func > tr > td:nth-child(2) > div:nth-child(2){
    color: var(--sx-blue);
    border: 1px solid var(--sx-blue);
    display: inline-block;
    border-radius: 50%;
    padding: 1px 5px 0px 5px;
    font-weight: 800;
    font-family: Roboto,sans-serif;
    font-size: 14px;
    margin-left: 5px;
    transform: translateY(-8px);
    line-height: 15px;
    background: #fff;
    z-index: 300;
    filter: drop-shadow(0px 0px 3px rgba(100,100,100,0.2));
	cursor:pointer;
	}

.table-inf12 div table tr td:first-of-type div {
    margin-left: 2px;
    transform: translateY(-5px);cursor:pointer
}

#all-func>tbody>tr>td>div:nth-child(3), #opt-fin>tbody>tr>td:nth-child(2)>div:nth-child(2), #opt-off>tbody>tr>td:nth-child(2)>div:nth-child(2), #opt-be>tbody>tr>td:nth-child(2)>div:nth-child(2), #opt-ppe>tbody>tr>td:nth-child(2)>div:nth-child(2), #opt-eRe>tbody>tr>td:nth-child(2)>div:nth-child(2)  {
    position: absolute;
    display: none;
    margin-top: -200px;
    height: 170px;
    width: 400px;
    background: #444;
    color: #fff;
    padding: 10px 10px;
    box-sizing: border-box;
    font-family:Roboto,sans-serif;
    font-weight: 500;
    z-index: 99999;
    box-shadow: 0 0 10px rgb(200 200 200 / 50%);
    border-radius: 3px;
    align-items: center;
    text-align: justify;
    margin-left: -40px;
}

.show-desc {
    display: inline-block!important;
}

.pdf12-choice {
    border-radius: 10px;
    box-shadow: 0 10px 16px rgb(200 200 200 / 30%);
}

.pdf12-choice div:first-of-type {
    border-radius: 10px 10px 0 0;
}

.config-pdf {
    height: 605px;
    margin-top: 50px;
    border: 1px solid #eee;
    margin-bottom: 30px;
    padding: 20px 20px 0px 20px;
    border-radius: 5px;
    box-shadow: 0 0 16px rgba(230,230,230,0.5);
}
.config-expl{text-align:justify;margin-bottom:50px}

div.config-box {
    margin: 10px 30px 10px 0px;
    display: inline-block;
    width: 100px;
    height: 100px;
    position: relative;
    box-shadow: 0 0 10px rgba(100,100,100,.4);
    border-radius: 5px;
    cursor: pointer;
}

#kauflink{clear:both;}

.add_on_choice div{display:inline-flex;align-items:center;justify-content:center}

.config-price{clear:both;position:absolute;margin-top: 50px;color:rgba(69,69,69,0.7);font-size:26px;}

div.config-box input{position:absolute;top: -1px;right: -1px;transform:scale(1.5);z-index:200;visibility:hidden}

div.config-box label {
    margin-top: -6px;
    color: var(--sx-blue);
    font-weight: 700;
    font-family:Roboto,sans-serif;
    letter-spacing: .5px;
}

div.config-box:first-of-type,div.config-box:first-of-type > img{background:#acc7dc}

div.config-box:nth-of-type(2),div.config-box:nth-of-type(2)> img{background:#ff9681}

div.config-box:nth-of-type(3),div.config-box:nth-of-type(3) > img {background:#f0e0a0}

div.config-box:nth-of-type(4),div.config-box:nth-of-type(4)> img{background:#e8e7e5}

div.config-box:nth-of-type(5),div.config-box:nth-of-type(5) > img{background:#bfe2ca}

.config-tr{animation: fadeprice 0.3s linear}

@keyframes fadeprice {
  0% {opacity:0;transform:translateX(-200px)}
 100% {opacity:1;transform:translateX(0px)}
}

.price-config {margin-top:40px}

.price-config div {background:#f1f1f1;font-family:Roboto,sans-serif;border-radius: 5px;padding: 10px;display:inline-block;margin-bottom: 50px;float:left;margin-right:50px}

.price-config table{border-collapse: collapse!important;}

.price-config table td,.price-config table th{padding: 3px;text-align:left}

.price-config table tr td:nth-child(2){text-align:right}

.price-config table tr:last-child td{background:var(--sx-blue);color:#fff;}

.price-config table th:nth-child(2){transform:translateX(22px)}

.config-box img:first-of-type{z-index:1;position:absolute;width: 45px;height: auto;padding: 3px;border-radius: 50%;top: 0;margin-top:-12px}

.config-box .layer{background:rgba(255,255,255,0.7);width: 100%;height: 100%;position:absolute;z-index:200;padding: 20px 0px;}

.config-box .layer img {
    margin-top: -75px;
    z-index: 300;
    position: relative;
    width: 25px;
    filter: none!important;
    right: -38px;
    background: rgba(100,100,100,0.2);
    border-radius: 0px 5px 0 0;
    padding: 0px;
}

.config-pdf .werk {
    background-color: var(--sx-blue);
    transition: all .2s linear;
    padding: 5px 10px;
    color: #fff;
    border: 1px solid var(--sx-blue);
    font-size: 13px;
    border-radius: 5px;
    text-align: left;
    box-shadow: 0px 0px 10px rgba(0,0,0,.1);
    display: inline-block;
    cursor: pointer!important;
    text-decoration: none;
}

.werk:hover {
    background-color: transparent;
    color: var(--sx-blue);
}

.config-box img.config-yes{position:absolute;width: 50px;background:none!important;top: -10px;right: -10px;filter:drop-shadow(2px 2px 1px rgba(100,100,100,0.6));}

@media screen and (max-width:860px){

.config-pdf{height: auto;}
 .werk {margin-top:30px}

}

.zum-warenkorb {
    margin-right: 25px;
    padding: 7px 10px;
    background: var(--sx-blue);
    border-radius: 5px;
    color: #fff!important;
    display: inline-flex;
    margin-top: 1px;
}

img.warenkorb-symbol {
    width: 24px;
    height: auto;
    filter: brightness(0) invert(1);margin-right:8px
}





















#all-func>tbody>tr>td>div:nth-child(2), .table-inf12 div table tr td:first-of-type div,.vorwort span.lquest, #opt-be td:nth-of-type(2) div, #opt-fin td:nth-of-type(2) div, #opt-off td:nth-of-type(2) div,#opt-ppe td:nth-of-type(2) div, #opt-eRe td:nth-of-type(2) div{
    color: var(--sx-blue);
    border: 1px solid var(--sx-blue);
    display: inline-block;
    border-radius: 50%;
    padding: 1px 5px 0px 5px;
    font-weight: 800;
    font-family: Roboto,sans-serif;
    font-size: 14px;
    margin-left: 5px;
    transform: translateY(-8px);
    line-height: 15px;
    background: #fff;
    z-index: 300;
    filter: drop-shadow(0px 0px 3px rgba(100,100,100,0.2));
	cursor:pointer;
	}






 
 .rev-desc{font-size:small;margin-bottom:20px }

.pdf12-legend div {
    float: left;
    margin: 5px;
    display: inline-flex;
    color: #fff;
    padding: 5px 10px;
    filter: drop-shadow(0px 0px 1px rgba(200,200,200,.8));
    background: linear-gradient(to right,var(--sx-blue),#6483cc,var(--sx-blue));
    border-radius: 10px;
    border: 1px solid #e8e8e8;
    cursor: pointer;
    box-shadow: 0 0 6px rgba(100,100,100,.4);
}
.pdf12-legend div img {
    margin-right: 5px;
    margin-top: -2;
    float: left;
    filter: brightness(0) invert(1);
}

.table-inf12 {
    margin: 20px 0;
    position: relative;
}

.mfeat span {
    font-family: Open Sans,sans-serif;
    font-weight: 600!important;
    color: var(--sx-blue);
    font-size: 1.2em;
}

.mfeat img {
    width: 120px;
    margin-right: 40px;
    display: inline-block;
}

.mfeat table td {
    vertical-align: middle;
    height: 100px;
    text-align: justify;
    font-family: Open Sans,sans-serif;
    font-weight: 100;
}

.mfeat table {
    margin-bottom: 80px;
	line-height:1.7;
}

.mfeat table td:nth-child(2) {
    padding: 0 10px 0px 10px;
}



.desc div img {
    position: absolute;
    right: 10;
    bottom: 10;
    width: 100px;
    filter: opacity(0.3) grayscale(0.7);
}

.nlq{display:inline-block;font-size:0.9em;float: right;border: 1px solid #ccc;padding: 10;max-width: 300;background: rgba(255,255,255,0.6);text-align:justify;margin-left:10;margin-top:20px}

tr.show-func td:first-child img {
    width: 60px;
    margin-right: 10;
}

div#func-desc12 {  
    margin-top: 20px;
    display: flex;
    align-items: center;
}

















/*** NEU PERFECT PDF 12 ***/

.perf12 div.info-func {
    background: none!important;
    border: none!important;
cursor:default!important;
}

.perf12 div.info-func:hover{box-shadow:none!important;}

h3.subh {
    margin: 70px 0 30px 0;
    font-family:Roboto,sans-serif;
    font-style: oblique;
    filter: drop-shadow(1px 2px 1px rgba(200,200,200,0.5));
}

.perf12 .pdf12-choice{
    transform: scale(.3) translateY(200px);
    transition: all .9s ease;
    transform-origin: bottom;
}

.perf12 .pdf12-choice.show{transform:scale(1) translateY(0)}

.table-inf12 table td:first-of-type span {
    display: none;
}

/*E-Rechnungen SLIDER*/

div#eI-sl {
    background: linear-gradient(to right,var(--sx-darkblue),#6593ff);
    padding: 50px;
    color: #fff;
    font-family: Montserrat,sans serif;
    letter-spacing: 2px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative;
}

div#eI-sl h1{color:#fff;}

div#eI-sl img{position:absolute;max-width:600px;}

.help-cont{position:relative; margin-right:40px;margin-bottom:20px;padding-bottom:50px}

.blc {
    display: flex;
    position: absolute;
    bottom: 0;
}

.blc div {
    width: 20px;
    height: 4px;
	background: linear-gradient(to left,#787878 50%,#fff 50%, #fff 100%) right;
	display: block;
    margin-right: 40px;
    border-radius: 20px;
    box-shadow: 0 0 4px rgba(0,0,0,0.3);
	animation:chbarcol 5s linear;
	cursor:pointer;
}

div#eI-sl button {
    display: block;
    background: #f3f3ff;
    margin-top: 20px;
    padding: 10px 20px;
    color: #1a1c5e;´
    font-weight: 500;
    letter-spacing: 1px;
    border: 1px solid #787879;
    border-radius: 5px;
    cursor: pointer;
    font-size: 1.0em;
}

.i0sh{animation: ishow 1s ease-out; }
.i1sh{animation: ishow1 1.5s ease-out; }
.i2sh{animation: ishow2 2s ease-out; }
.i3sh{animation: ishow3 3s ease-out; }

.h1sh{animation: h1show 4s ease-out; }
.descsh {
    animation: descsho 5s ease-out;
    margin-top: 10px;
    font-size: 1.2em;
	; 
}
.btsh{animation: btshow 6s ease-out; }

@keyframes ishow{from {transform:scale(0)} to {transform:scale(1)}
}

@keyframes ishow1{
0% {transform: translateX(-500px) scale(0)} 
50% {transform: translateX(-500px) scale(0)}
100% {transform:translateX(0) scale(1)}
}

@keyframes ishow2{
0% {transform: translateY(-500px) scale(0)} 
50% {transform: translateY(-500px) scale(0)}
100% {transform:translateY(0) scale(1)}
}

@keyframes ishow3{
0% {transform: translateX(500px) scale(0)} 
50% {transform: translateX(500px) scale(0)}
100% {transform:translateX(0) scale(1)}
}

@keyframes h1show{
0% {transform: translateY(-500px) scale(0)} 
60% {transform: translateY(-500px) scale(0)}
100% {transform:translateY(0) scale(1)}
}

@keyframes descsho{
0% {transform: translateX(500px) scale(0)} 
70% {transform: translateX(500px) scale(0)}
100% {transform:translateX(0) scale(1);} 
}

@keyframes btshow{
0% {transform: translateY(500px) scale(0)} 
80% {transform: translateY(500px) scale(0)}
100% {transform:translateY(0) scale(1)}
}

feature {
    margin-right: 10px;
    color: #455;
    letter-spacing: 0.5px;
	font-size:0.95em;
}

feature:after {
    content: '|';
    display: inline-block;
    margin-left: 10px;
    font-weight: 800;
    color: #555ee8;
    font-size: 1.2em;
}

.erech-info div {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}



.erech-info span {
    position: absolute;
    right: 50;
    top: 9px;
    font-weight: bold;
    cursor: pointer;
}

.erech-info a {
    text-decoration: underline;
    margin-left: 20px;
    color: #ff8139;
    letter-spacing: 0;
}

.erech-info div{position:relative}



.pdf12-edit h2 > span {float: left;
    margin-right: 20px;
    font-size: 2em;
    border-radius: 50%;
    border: 2px solid #fff;
    line-height: 0.5em;
    padding: 0 3px 0 4px;
margin-top: 5px;cursor:pointer;}

.erech-example-files #format-einvoice th {
    background: linear-gradient(to bottom,#002989,#5d7bc3,#6282d0);
    padding: 10px;
    color: #fff;
    font-weight: 500;
}

.erech-example-files .img-preview-sdk {
    text-decoration: none!important;
    color: #ee8200!important;
    font-size: 0.9em;
    font-style: italic;
    font-weight: 400;
    cursor: default!important;
}

.erech-example-files #format-einvoice tr td:first-of-type{cursor: default!important;}

.erech-example-files #format-einvoice tr:nth-child(odd) {
    background: #f6f6fb;
}

estand, syn {
    margin-left: 20px;
    letter-spacing: .5px;
    font-style: italic;
    font-size: .65em;
    background: #fff5a2;
    padding: 1px 3px;
}

edesc {
    display: block;
    font-weight: 300;
    letter-spacing: 0.5px;
    color: #878787;
}

.efiles a {
    text-decoration: underline;
    letter-spacing: 0.3px;
}

xmlf, pdff {
    margin-left: 20px;
    font-size: 0.75em;
    font-style: italic;
    padding: 1px 5px;
	color:#fff
}

xmlf {
    background: linear-gradient(to right,#00ff00,#43ce43,#00be00);
}
pdff {
    background: linear-gradient(to right,#ff9595,#e45757, #ff0000);
}

.pp12-preview-por img, .pp12-preview-land img {
    max-width: 130px;
    filter: drop-shadow(0px 0px 2px #000);
    cursor: pointer;
	margin-bottom:20px;
}

.pp12-preview-land img {
    max-width: 350px!important;
}

.pp12-preview-por div, .pp12-preview-land div {
    float: left;
    display: inline-flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 30px;
    margin-right: 20px;
    padding: 10px;
}

.pp12-preview-por span, .pp12-preview-land span  {
    color: #868686;
    font-style: italic;
    font-size: 0.75em;
 }

.prev-select .selection {
    margin: 5px 20px 0 0;
    font-size: .75em;
    text-decoration: underline;
    color: #fff;
    cursor: pointer;
    letter-spacing: 0.8px;
}

.prev-select {
    display: inline-block;
    float: right;
    width: 270px;
    margin-left: 60px;
}

div#pp12-preview-container close {
    font-size: 2em;
    position: absolute;
    right: 35px;
    top: 35px;
    color: #fff;
    padding: 20px;
    cursor: pointer;
}

div#pp12-preview-container {
    position: fixed;
    top: 0;
    background: #000000db;
    z-index: 99999;
    height: 100vh;
	width: 100vw;
}

.ovl {
    z-index: 999999999;
    display: flex;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.ovl img {
    max-height: 85vh;
    width: auto;
    float: left;
	margin:0 40px
}

.selection.pp12-act {
    color: #5e8dff;
    font-weight: 800;
    font-size: .9em;
    letter-spacing: 1.2px;
    margin-left: 20px;
}

.pp12-login{margin-bottom:40px}

#pp12-preview-container a {
    position: absolute;
    top: 20;
    right: 100;
}

.pp12dl{cursor:pointer}
div#apply-info {
    position: fixed;
    z-index: 99999;
    top: 100px;
    right: 0;
    transform: translateX(1000px);
    background: linear-gradient(45deg, #cafaff, #c8ffd3, #cafaff);
    padding: 0 20px 20px;
    border: 1px solid #eee;
    box-shadow: 0 0 6px rgba(100,100,100,.59);
    transition: all 1s linear;
    max-width: 410px;
}

.inf-in-act{
	transform:translateX(0)!important;
}

 .pp12dl:after {
	content: "\2913";
    margin-left: 5px;
    font-size: 1.2em;
    line-height: 1em;
    font-weight: bold;
    font-style: normal;
}

.no-int {
    border-top: 1px solid #00197b;
    padding-top: 10px;
}

div#dlRecTmpl {
    color: #fff;
    right: 27px;
    position: fixed;
    bottom: 100px;
    border: 1px solid #fff;
    padding: 5px 20px;
    cursor: pointer;
}



table#path2eInv tr:nth-of-type(odd) td:first-of-type div {
    display: inline-block;
    margin: 20px auto;
    background: linear-gradient(to right, #b6ccff, #c7d8ff, #b6ccff);
    padding: 5px 20px;
    font-size: 1.4em;
    font-family: Montserrat;
    font-weight: 500;
    color: #001370;
    border: 3px solid #ffff;
    outline: 3px solid #8caeff;
    filter: opacity(0.4);
}





table#path2eInv .btw>td:first-of-type > div {
    width: 1px;
    background: var(--sx-blue);
    height: 300px;
    display: inline-block;
    filter: drop-shadow(-1px 1px 6px #aaa);
	filter: opacity(0.4);
}

table#path2eInv .btw td:nth-of-type(2) {
    vertical-align: top;
    text-align: justify;
    font-family: open sans, sans-serif;
    letter-spacing: 1px;
    line-height: 1.4em;
    font-size: 1.2em;
    font-weight: 300;
	padding-top:20px
}

table#path2eInv tr:nth-of-type(odd) td:nth-of-type(2):after {
    content: "";
    display: block;
    height: 1px;
    width: 70%;
    background: #e9e9e9;
    margin-top: 8px;
}

table#path2eInv .btw td:nth-of-type(2) a {
    margin-top: 40px;
    display: inline-block;
    max-width: 300px;
    width: 300px;
    text-align: center;
    color: #fff;
    font-family: open sans,sans-serif;
    padding: 10px 20px;
    background: linear-gradient(to bottom, #5f83db, #4066c3, #5f83db);
    box-shadow: 0 0 10px rgba(100,100,100,0.2);
margin-right:40px;
margin-bottom:40px;
}





div#tut-selec div {
    margin: 0 0 20 40;
    padding: 5px 10px;
    width: 230px;
    background: linear-gradient(to bottom,#4b4b4c,#4e4e4e,#4b4b4c);
    color: #f6f6ff;
    text-align: center;
    cursor: pointer;
    font-size: 1.1em;
    font-family: Montserrat;
    font-weight: 600;
}

div#tut-selec .active {
    background: linear-gradient(to right, #7398f1, #516fb7, #7398f1);
    transform: scale(1.1);
    border: 2px solid #004aa7;
}

.eR12-preview div img {max-width:250px;border:1px solid #eee; border-radius: 10px;margin-right:20px;Box-shadow:0 0 10px rgba(150,150,150,0.4)}

.eR12-preview div {
    float: left;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 40px;
    margin-top: 10px;
	cursor:pointer;
}

invname,invdesc{display:none}

.eR12-preview span{margin-top:15px;font-size:0.8em;font-style:italic;color:#666}

.prev-select table td {
    color: #fff;
    padding: 10px;
	line-height:1.5em
}

.eInvp-banner {
    height: 450px;
    width: 100vw;
    box-shadow: inset 0 0 16px;
}

pdfi,sdki {
    position: absolute;
    z-index: 3;
    line-height: 1.5em;
    color: #4b4b4b;
    letter-spacing: .5px;
	left: 20px;
}

pdfi{top: 20px;
}

sdki{top: 100px;
}

pdfi span:after, sdki span:after {
    font-family: Segoe MDL2 Assets;
    content: '\E715';
    display: block;
    float: left;
    color: var(--sx-darkblue);
    font-size: 1.2em;
    font-weight: 500;
}

pdfi a, sdki a {margin-left:5px!important}

/*sdk calculator*/
.page-id-42749 #page-content {background: url(/wpfiles/sdk-calc.jpg) no-repeat;
    background-size: auto;}

mod-amount{display:inline-block;text-transform:initial;font-size:0.9em;text-style:italic}

#all-sdk-feats toggle {
    display: inline-block;
    color: var(--sx-darkblue);
    font-weight: 800;
    margin: -6px 0 0 15px;
    font-size: 1.5em;
    font-family: Montserrat;
    cursor: pointer;
	
}

#all-sdk-feats toggle.opened{transform:rotate(180deg) translateY(-5px);}

mod-amount{float:right;margin-right:10px;display:none}

#all-sdk-feats>tbody>tr:nth-child(odd)>td, #additional-options>tbody>tr:nth-child(odd)>td  {
    letter-spacing: 1px;
    text-transform: uppercase;
    vertical-align: middle;
    padding: 5px;
    background: linear-gradient(68deg,#f7de8d,transparent,transparent);
}
#all-sdk-feats .func-selected:after, #additional-options .func-selected:after {
    font-family: Segoe MDL2 Assets;
    content: '\ECC8';
    display: block;
    color: var(--sx-darkblue);
	cursor:pointer;font-size: 1.5em;
    }
	
#all-sdk-feats .func-added:after, #additional-options .func-added:after{
    font-family: Segoe MDL2 Assets;
    content: '\EC61';
    display: block;
    color: var(--sx-darkblue);
	cursor:pointer;font-size: 1.5em;
    }
	
.wartung span:after, .sdk-dist span:after{	font-family: Segoe MDL2 Assets;
    content: '\ECC8';
    display: inline-block;
    color: var(--sx-darkblue);
	cursor:pointer;font-size: 1.5em;
	}
	
.wartung span, .sdk-dist span {
    display: inline-block;
    margin-left: 20px;
    margin-top: -4px;
}

.wartung hdline, .sdk-dist hdline {
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.wartung, .sdk-dist{margin:20px 0;font-size:1.4em}

.wartung .mt:after, .sdk-dist .mt:after{
	font-family: Segoe MDL2 Assets;
    content: '\EC61';
    display: inline-block;
    color: var(--sx-darkblue);
	cursor:pointer;font-size: 1.5em;
	}

#all-sdk-feats td table td, #additional-options td table td{padding: 5px;font-size:0.9em}
#all-sdk-feats td table tr, #additional-options td table tr{border-bottom:1px solid #ccc}
#all-sdk-feats td table, #additional-options td table{width:100%;}

#all-sdk-feats td table td:nth-child(2), #additional-options td table td:nth-child(2){width:100px; text-align:right;vertical-align:middle;}
#all-sdk-feats td table td:nth-child(3), #additional-options td table td:nth-child(3){width:40px; text-align:right;vertical-align:middle;}

#all-sdk-feats table, #additional-options table{margin-bottom:0}

#all-sdk-feats, #additional-options{width:100%}

imp-info{font-style:italic;font-size:0.8em}

summary.sxacc-dashboard {
    display: block;
    width: 336px;
    position: fixed;
    top: 200px;
    right: 5px;
    font-size: .8em;
	cursor:move;
}

summary table{width:100%;line-height:1.4em;}
summary td{padding:3px 0}
summary td:nth-child(2){text-align:right;width: 130px;}

hdline {
    color: var(--sx-blue);
    font-size: 1.2em;
    letter-spacing: .5px;
}

div#additional-options div {
    display: inline-flex;
    align-content: center;
    justify-content: center;
    background: #eee;
    margin: 10px;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: 0 0 10px rgba(64,64,64,0.2);
    border: 1px solid #dddddd;
}

div#additional-options div span{margin-left:20px}

div#additional-options div.active{background:var(--sx-blue);color:#fff}

hdline imp-info {
    color: #444;
    font-size: 0.7em;
    margin-left: 10px;
}

/* Restyle Editions 12*/
.pdf12-pakete{border-radius:10px 10px 10px 10px;box-shadow: 0 10px 16px rgb(200 200 200 / 30%);margin-top:0px;background: #fcfcfc;
    border: 1px solid #eee;
}









.pdf12-pakete .second-column {
    float: left;
    display: inline-block;
    width: 43%;
	margin-left:20px;
	margin-right:20px;
	box-sizing:border-box
}

.pdf12-pakete .third-column {
    float: left;
    display: inline-block;
    width: 23%;
	position:relative;
	margin-left:20px;
}






.devinfo{clear:both;margin:20px 10px 10px;
    background: #ffed6d;
    float: left;
    font-size: .8em;
    font-family: Open Sans,sans-serif;
     padding: 3px 8px;
    color: #685e5e;}






.ed-info-toggled{box-shadow: none;
    border: none;
background: #fff;min-height:0!important;height:auto!important}

/*SDK17 & subpages*/

.sdk17-hero { 
    background: linear-gradient(to right, var(--sx-blue), var(--sx-darkblue)) !important;
    margin-top: -100px!important;
}

.sdk17.dev-umg div {
	margin: 5px 11px;
    background: #ffed6d;
    float: left;
    font-family: Open Sans, sans-serif;
    padding: 3 12;
    color: #685e5e;
}



.sdk17.dev-umg img {
    margin-right: 20px;
    height: 50px; /* Set height for cleaner look */
    width: auto;
    vertical-align: middle;
}

.dev-umg.sdk17 img {
    float: left;
    margin-top: 3px;
    margin-bottom: 15;
    margin-right: 20px;
    filter: hue-rotate(202deg) brightness(.5) drop-shadow(2px 4px 2px var(--sx-blue));
    transform: rotateY(525deg);
}

.feat17 {
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin: 10px 0;
    color: #0545a5;
    letter-spacing: 1px;
    font-size: 1.1em;
    background: rgba(255,255,255,.6);
    border-radius: 10px 0 0 10px;
    padding: 0 10 0 0;
    box-shadow: 0 0 10px rgba(100,100,100,.2);
    font-family: 'Open Sans';
}

.feat17 img {
    width: 110px;
    margin-right: 20px;
    border-radius: 10px 0 0 10px;
}



.sdk17-contact-container .cat-block-item-btn-wide {
    max-width: 230px;
    height: 35px;
    line-height: 35px;
    max-width: 250px;
    padding: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}


.sdk17-contact {
    background: rgba(255,255,255,0.5)!important;
    margin-top: 40px!important;
    margin-bottom: 40px!important;
	
}
.sdk17-contact-container span {
    color: var(--sx-blue);
    font-size: 1.8em;
    letter-spacing: 1px;
}



.mainfunc17 p {
    line-height: 1.45em;
    text-align: justify!important;
    font-size: 0.9em;
}

.mainfunc17{margin-right:10px; display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin: 10px 0;
    color: #464646;
    letter-spacing: 1px;
    font-size: 1.1em;
    background: rgba(255,255,255,.6);
    border-radius: 10px 0 0 10px;
    padding: 0 10 0 0;
    box-shadow: 0 0 10px rgba(100,100,100,0.2);}



.appl-container {
    width: 100%;
    background: #000;
    padding: 0 10;
    border-radius: 10px;
    margin: 20px 0 40px 0;
}

@media screen and (max-width: 860px) {
	#eI-sl, .mainfunc17 img{display:none!important;}
	.mainfunc17{max-width:80%;margin:20px auto!important;display:block!important;padding-left:10px!important}
	.sdk17-contact-container {flex-direction: column;}
	.sdk17-contact-container a{margin-top:20;}
	.sdk17-hero .one_half:first-of-type{display:none}
	.sdk17-hero div{max-width:95%}
	.sdk17-hero a{z-index:105;position:relative}
	
	
}


























.sim-appl{margin:40px 0 20px;
    font-family: Open Sans, sans-serif;
font-weight: 600;}

.feat17 div img {
    width: 30px;
    margin: 0px 5px  0 0px;
    border-radius: 3px;
    box-shadow: 0 0 1px;
}

scon {
    display: inline-flex;
    align-content: center;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    margin: 5px 2px 0 0;
    font-style: italic;
    color: #565656;
    text-shadow: 1px 0px 1px rgba(100,100,100,0.3);
    font-weight: 300;
}

.feat17 span {
    letter-spacing: 0;
    font-size: 0.6em;
	margin-right:5px
}

.sdk17-hero .cat-block-item-btn.cat-block-item-btn-wide:hover{background:rgba(255,255,255,0.95);}







/*E_RECHNUNG*/
.bb:before {
    content: "";
    display: block;
    background: #f1f1ff;
    width: 105%;
    position: absolute;
    height: 400px;
    margin-top: -50px;
    z-index: 1;
    border-radius: 10px;
}

.ve:before {
    transform: translateX(-30px);
}

.zp:before {
    transform: translateX(-40px);
}

.bb div, .bb img{position:relative;z-index:2}



.tools-erech {
    border: 1px solid #ccc;
    padding: 10 20;
    margin: 20px 1%;
    border-radius: 10px;
    box-shadow: 0 0 20px #eee;
    background: linear-gradient(102.12deg, rgb(0, 41, 90) -13.63%, rgb(4, 60, 125) 55.81%);
    color: #fff!important;
}

.tools-erech h3 {
    margin-bottom: 20px;
    text-shadow: 1px 1px var(--sx-blue); color:#fff
}

.tools-erech div {
    letter-spacing: .2px;
    line-height: 2em;
}

@media screen and (max-width: 600px) {
	
	.third-column {
    width: 100%!important;
}

	.kasse{margin:20px -10!important}
	
	.pdf12-pakete .second-column {width:94%!important;        margin-top: 20px;}
	
	.bb div {
    float: none !important;
    clear: both !important;
    width: 100% !important;
    height: auto !important;
}

.bb img{width:100%!important}

.sx-prod{display:block!important;}

.sx-txt {
    color: #fff!important;
	max-width: 87%!important;
    
}

.sdk17.dev-umg {
 max-width: 92%;
transform: translateX(0px)!important;
 }
.sx-tech div{margin-top:30px!important;margin-bottom:80px!important;flex-flow: wrap!important;word-wrap: break-word!important;}




.sx-tech div, .sx-tech p, .sx-tech ol{color:#fff!important}
.sx-tech-div{display:none!important}
}

.sicon:before{content:"\f78b";width:auto;display:inline-block;font-family:Segoe MDL2 Assets;font-size:1.5em;margin-right:5px;}

.sicon{color:rgb(68, 68, 68)}
.sicon:hover
{transition:all 0.2s linear; color:#E85300!important}

.sbox {
    position: absolute;
    transform: translate(-40px, 50px);
	z-index:-1;
}



.sbox input#s {
    border: none;
    padding: 3px 10px;
    border-radius: 3px;
}

.sbox input#searchsubmit {
    color: #fff;
    background: linear-gradient(102.12deg, rgb(0, 41, 90) -13.63%, rgb(4, 60, 125) 55.81%);
    border: 1px solid;
    padding: 5px 15px 5px 15px;
    border-radius: 3px;
    cursor: pointer;
    margin-left: 5px;
    border-radius: 11px;
}

.searchItem {
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 0 10px 10px;
    margin-bottom: 30px;
    box-shadow: 0 0 10px rgba(200, 200, 200, .4);
    background: linear-gradient(45deg, #f6f6ff, #fcfcff, #f6f6ff);
}

.searchItem p{
   text-align:justify
}

.searchItem a {
    color: var(--sx-darkblue);
}
.searchItem .slink {
    font-size: .7em;
    margin-top: 4px;
    display: block;
}

strong.search-excerpt {
    background-color: #ffed6d!important;
}

.snextP a {
    margin-bottom: 20px!important;
    display: block;
    font-size: 1.2em;
    color: var(--sx-darkblue);
}

img.d525 {
    position: absolute;
    width: 80;
    margin-left: -20;
    margin-top: -3px;
   
}





.nNav input, #navMen input {
    background-color: transparent!important;
    font-size: 1.0em;
    border: none!important;
    color: #5b5b5b!important;
}

/*SOLUTIONS*/



.sx-tech {
    margin-bottom: 0!important;
    margin-right: -52px!important;
}
.sx-tech div {
    border-radius: 0;
    padding: 30px;
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-weight: 700;
    letter-spacing: .5px;
    display: flex;
    margin: 0 auto;
    font-size: 1.5em;
    min-height: 200px;
    background: linear-gradient(102.12deg,#00295a -13.63%,#043c7d 55.81%);
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
    border-radius: 0px 30px 30px 0px;
	margin-right: -24px;
} 







.sx-testimonial-txt{background: linear-gradient(102.12deg, #00295a -13.63%, #043c7d 55.81%);color: #fff;text-align: justify;letter-spacing: .5px;font-family:Roboto,sans-serif;font-size: 1.1em;}





.testimonials-flex-container>div>div img{
      filter: drop-shadow(1px 1px 1px black);
	  margin-bottom:0px;
}

.testimonials-flex-container .company {
    background: linear-gradient(45deg, #b7ccff6b, rgba(255, 255, 255, .9), #b7ccff6b);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
   
}

.testimonials-flex-container .company div {
    color: var(--sx-blue);
    font-weight: 500;
    font-family:Roboto,sans-serif;
    font-size: 1.4em;
    margin-top: 5px;
    letter-spacing: .5px;
}

.sx-testimonial-txt div:nth-of-type(2) {
    display: inline-block!important;
    width: 90%;
}





.pdf12-quote span {
    display: block;
    margin-top: 10px;
    font-style: italic;
    font-size: 1.1em;
    color: #c3c3c3cc;
    text-shadow: 1px 1px 1px BLACK;
}



.emb-sdk .head-erech {
    padding: 10px 20px;
    font-size: 1.2em;
    border: 20px solid transparent;
    color: #fff!important;
    background: rgb(0, 41, 90)!important;
}

.emb-sdk td {
    padding: 5px 10px;
    font-size: 1.05em;
    border: 10px solid transparent;
	width:1%;
}

.emb-sdk tr:nth-child(odd) {
    background: #f5f5f5;
}

.emb-sdk tr {
    width:100%;
}

.emb-sdk td:first-child {
   width:80%;
}

.emb-sdk td:nth-child(2) {
    text-decoration: line-through;
    color: #c13434;
	width:6%
}

.emb-sdk td:nth-child(3) {
    text-align:right
}

table.emb-sdk {
    border: 1px solid #eee;
    border-collapse: separate;
}

.mainten-dis {
    padding: 10px 20px;
    font-size: 1.2em;
    background: #aeffae;
    border-radius: 20px;
    display: inline-block;
    margin: 20px 0;
}

.mainten-dis span {
    background: #000;
    color: #fff;
    border-radius: 10px;
    padding: 5px 10px;
    margin-left: 10px;
}

div#emb-form {
    margin: 40px 0 80px;
}

div#emb-form input, div#emb-form textarea {
    border-radius: 10px;
    padding-left: 10px;
    border: 1px solid var(--sx-blue)!important;
    line-height: 1.5em;
    width: 100%;
}

div#emb-form tr {
    line-height: 2em;
}

div#emb-form #kontaktformular td {
    color: 294075!important;
}

div#contact-box {
    position: fixed;
    z-index: 9999;
    top: 210px;
    width: 45px;
    right: 0;
    padding: 10px 5px 10px 10px;
    background: rgb(255 255 255 / 80%);
    border-radius: 10px 0 0 10px;
    cursor: pointer;
    box-shadow: -4px 5px 16px rgba(50,50,50,.2);
	animation:slideInFromRight 6s ease-in-out forwards;
	}

@keyframes slideInFromRight{
	0%, 83.33%{transform:translateX(100%);opacity:0}
	83.34%{transform:translateX(100%);opacity:0}
	100%{transform:translateX(0);opacity:1}}

div#contact-box img{}

copos {
    background: linear-gradient(to right,var(--sx-darkblue) 30%,#fff 20%,#fff);
    width: 600px;
    display: inline-block;
    padding: 0 20px;
    border: 1px solid var(--sx-darkblue);
    border-radius: 20px;
    position: fixed;
    top: 317px;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 9999;
    box-shadow: 0 0 10px rgba(100,100,100,.5);
}

copos div img {
    width: 40px;
    margin-right: 30px;
	float:left;
}



copos cl {
    float: right;
    font-size: 2em;
    padding: 0px 10px;
    cursor: pointer;
    color: var(--sx-blue);
}





copos h3 {
    letter-spacing: 2px;
    font-weight: 400;
    font-size: 2em;
    margin-top: 47px;
}

copos a {
    color: var(--sx-blue);
    font-size: 1.2em;
    letter-spacing: 1px;
}

.einsc {
    margin-top: 40px;
    font-size: 0.75em;
    color: #7c7c7c;
}

.ofeats div {
    margin: 15px 10px;
    letter-spacing: 1px;
    padding: 5px 10px;
    background-color: rgba(255,255,255,.4);
    border-radius: 10px;
}

.hto {
    clear: both;
    display: flex;
    align-items: center;
}

.sX-page {
      font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
      color: #1f2937; /* dunkles Grau für Text */
      background: #f5f7fa; /* sehr helles Grau-Blau */
      line-height: 1.6;
      margin: 0;
      padding: 0;
    }
    .sX-container {
      max-width: 1000px;
      margin: 0 auto;
      padding: 40px 20px 80px;
      background: #ffffff;
      box-shadow: 0 8px 24px rgba(31, 41, 55, 0.08);
    }

    /* ---- Typografie (nur über Klassen, nicht direkt h1/h2 etc.) ---- */
    .sX-h1 {
      font-size: 2.25rem;
      line-height: 1.2;
      margin: 0 0 16px 0;
      color: #0d3b66; /* tiefes Blau */
      letter-spacing: 0.2px;
    }
    .sX-subtitle {
      margin: 0 0 28px 0;
      color: #43536b;
      font-size: 1.1rem;
    }
    .sX-h2 {
      font-size: 1.6rem;
      margin: 40px 0 12px;
      color: #0d3b66;
    }
    .sX-h3 {
      font-size: 1.15rem;
      margin: 28px 0 8px;
      color: #0f172a;
    }
    .sX-lead {
      font-size: 1.05rem;
      margin-bottom: 18px;
    }
    .sX-small {
      font-size: 0.95rem;
      color: #55637c;
    }

    /* ---- Deko & Elemente ---- */
    .sX-callout {
      border-left: 6px solid #f95738; /* kräftiges Orange */
      background: #fff4f1;
      padding: 14px 16px;
      border-radius: 6px;
      margin: 16px 0 24px;
    }
    .sX-list {
      margin: 10px 0 16px 20px;
    }
    .sX-list li { margin: 6px 0; }

    .sX-checklist {
      list-style: none;
      padding-left: 0;
      margin: 12px 0 0 0;
    }
    .sX-checklist li {
      position: relative;
      padding-left: 28px;
      margin: 8px 0;
    }
    .sX-checklist li::before {
      content: "✔";
      color: #059669; /* grün */
      position: absolute;
      left: 0;
      top: 0;
    }

    /* ---- Tabelle ---- */
    .sX-table-wrap {
      overflow-x: auto;
      margin: 18px 0 28px;
      border: 1px solid #e5e7eb;
      border-radius: 8px;
    }
    .sX-table {
      width: 100%;
      border-collapse: collapse;
      min-width: 680px;
      font-size: 0.98rem;
    }
    .sX-table th, .sX-table td {
      padding: 12px 14px;
      border-bottom: 1px solid #eef1f5;
      vertical-align: top;
    }
    .sX-table thead th {
      background: #0d3b66;
      color: #ffffff;
      text-align: left;
      font-weight: 700;
    }
    .sX-table tbody tr:nth-child(even) { background: #f8fafc; }
    .sX-pill {
      display: inline-block;
      padding: 2px 8px;
      border-radius: 999px;
      font-size: 0.85rem;
      background: #e3efff;
      color: #0d3b66;
      border: 1px solid #bdd6ff;
    }
    .sX-pill--accent {
      background: #ffe7df;
      color: #b63a21;
      border: 1px solid #ffc8b7;
    }

    /* ---- Karten für Stichpunkte ---- */
    .sX-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
      gap: 14px;
    }
    .sX-card {
      background: #f9fbfd;
      border: 1px solid #e5e7eb;
      border-radius: 10px;
      padding: 14px 16px;
    }
    .sX-card .sX-h3 { margin-top: 4px; }

    /* ---- Footer + Hinweis ---- */
    .sX-note {
      margin-top: 34px;
      padding-top: 16px;
      border-top: 1px dashed #cbd5e1;
      color: #475569;
      font-size: 0.95rem;
    }

    /* ---- Links ---- */
    .sX-link {
      color: #0d3b66;
      text-decoration: underline;
      text-decoration-thickness: 2px;
      text-underline-offset: 3px;
    }
    .sX-link:hover { color: #0a2c4d; }
    .sX-strong { color: #0d3b66; }

section h2, section h3, section h4 {
    margin: 40px 0 10px 0;
}

.subitem-dl {
    color: #1d1d1d;
    font-weight: 300;
    text-align: justify;
}

#dlpage .sX-program {
    border: 1px solid #ccc;
        border-left: 6px solid var(--sx-blue);
    background: #fff;
    padding: 14px 16px;
    border-radius: 6px;
    margin: 20px 20px 20px 0;
    display: inline-block;
	color:#444;
}

#dlpage .sX-program:hover {
    background: linear-gradient(45deg, #1495e1, #2877a5);
    transition: all .3s ease-in-out;
    color: #fff;
    text-decoration: none;
}

.divider {
    background: var(--sx-blue)!important;
    height: 1px;
    padding: 0!important;
    margin: 20px 0 40px 0!important;
}

div#post-4946 ul {
    margin-top: 20px;
}

.file-list {
    list-style: none;
    padding: 0;
    margin: 0;
    letter-spacing: .7px;
}

.file-list li {
  position: relative;
  padding-left: 31px; 
}

.file-list li::after {
  content: "📄"; 
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  line-height: 1.5;
}

#sidebarSubnav .widget_nav_menu{border-radius: 3px;
    border: 1px solid lch(40.09 36.54 277.16 / .3);
    margin-left: 20px;
    box-shadow: 0 0 5px rgba(200, 200, 200, 0.4);
padding-top: 20px;
    background-color: rgba(255,255,255,0.6)!important;
	    border-left: 6px solid var(--sx-blue);
		    width: 87%;
}

#sidebarSubnav .widget_nav_menu ul li a{color:var(--sx-darkblue)}

#sidebarSubnav .widget_nav_menu .current_page_item a{display: inline-block;
    padding: 10px 18px;
    background: rgba(69, 94, 154, 1);
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    border-radius: 8px;
    transition: background .3s 
ease, transform .2s 
ease;
white-space: nowrap;    border-left: 6px solid var(--sx-blue);}

#sidebarSubnav .textwidget.custom-html-widget > div {
    background-color: rgba(255,255,255,0.5)!important;
	    border-left: 6px solid var(--sx-blue)!important;
}

.info {
    border: 1px solid #ccc;
    border-left: 6px solid var(--sx-blue);
    background: rgba(255,255,255,0.5);
    padding: 14px 16px;
    border-radius: 6px;
    margin: 20px 20px 20px 0;
    display: inline-block;
    color: #444;
    max-width: 94%;
}

h3.sys-sub span {
    display: block;
    color: #6e6e6e;
    font-size: 0.7em;
    margin-bottom: 16px;
}

/*APPS LISTE*/
.liste-apps{border-radius:50%;vertical-align:middle;z-index:5;position:absolute;transform:translateX(-1px) translateY(-1px);float:left;margin-top:-5px}

.layer-apps{float:left;z-index:10;width:68px;height:68px;border-radius:50%;vertical-align:middle;position:relativ;margin-right:20px;margin-top:-5px}

.liste-apps-aussen{float:left;margin:10px 10px 10px 10px;line-height:18px;width:190px;text-align:left;border:1px solid rgba(0,0,0,0.4);transition:all 0.3s;padding:5px 10px;z-index:-100;border-radius:5px;;}

@media screen and (max-width: 600px){
.liste-apps-aussen{margin:10px 5px;}}

.liste-apps-aussen:hover{box-shadow:inset 0px 0px 16px rgba(0,0,0,0.3);background-color:rgba(69,94,154,0.1);}

.liste-apps-aussen a{display:block;}

/*SCROLLBALKEN*/
.box-ratgeber::-webkit-scrollbar {
    width: 0.5em;
border-radius:20px;
}
 
.box-ratgeber::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.4);
}
 
.box-ratgeber::-webkit-scrollbar-thumb {
  background-color: var(--sx-blue);
  outline: 1px solid var(--sx-darkblue);
}

.box-ratgeber::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255,0,0,0.4);}

.desktop-img-a {
    float: left;
    margin: 0 40px 40px 0;
    padding: 40px;
    border: 1px solid #c1c1c1;
    transition: all .3s ease-in-out;
    border-radius: 3px;
    background: linear-gradient(to bottom,rgba(235,235,235,0.2),rgba(235,235,235,0.6), rgba(235,235,235,0.2));
    box-shadow: 0 0 16px rgba(200,200,200,.3);
    display: inline-block;
}

.desktop-img{height: 200px;}

/* DOKUMENT BEARBEITEN RATGEBER */

.bearbeiten-rat-img{float:left;margin-right:20px;display: inline; border-radius: 50%;box-shadow:0px 0px 16px rgba(0,0,0,0.1);
    border:1px solid #f1f1f1;transition:all 0.3s ease-in}
.bearbeiten-rat-img:hover{filter:brightness(70%)} 

/* IN PDF UMWANDELN */
.umwandeln-head{border-radius:50%;box-shadow:0px 0px 10px 2px rgba(0,0,0,0.2);float:left;width:200px;height:200px;margin:0px 20px 20px 0px;}

.umwandeln-links{border-radius:50%;box-shadow:0px 0px 10px 2px rgba(0,0,0,0.2);float:left;width:100px;height:100px;margin:20px 20px 20px 0px;}

.umwandeln-rechts{border-radius:50%;box-shadow:0px 0px 10px 2px rgba(0,0,0,0.2);float:right;width:100px;height:100px;margin:20px 0px 20px 20px;}

.umwandeln-thumbnail{width:400px;height:auto;border-radius:10px;box-shadow: 0px 0px 10px rgba(0,0,0,0.2);transition:all 0.3s linear;float:left}

.umwandeln-thumbnail:hover{filter:brightness(80%);}

.umwandeln-product{display:inline-block;border:1px solid var(--sx-blue);;border-radius:5px;margin:20px 50px 20px 0px;transition:all 0.5s ease-in;position:relative;overflow:hidden;float:left}

.umwandeln-product img{display: block;width:200px;margin:20px 30px;z-index:1;transition:all 0.3s ease-in;}

.umwandeln-product div{background-color: silver;
    background-color:rgba(221,126,72,0.85);
    bottom: 10px;position: absolute;
    width: 100%;
    line-height: 3em;
    text-align: center;color:#fff;
font-size:18px;transition:all 0.5s ease-in;opacity:1;z-index:2}

.umwandeln-product img:hover {transform:scale(1.1);}
.umwandeln-product:hover{background-color: rgba(64,94,154,1)}

/* WEIHNACHTSAKTION */

#xmas-img {opacity:0.3;cursor:pointer;transition: all 2s linear;filter:grayscale(0.2);position:absolute;z-index:200;transform: translate(779px,20px);}

@media screen and (min-width:720px) and (max-width: 1208px) {
#xmas-img{left:0;transform:translate(90px,5px)}}

@media screen and (max-width: 720px) {
#xmas-img{ transform:translate(90px,5px);cursor:pointer}}

#xmas-img:hover{opacity:0.5;z-index:200;position:absolute}

#xmas-box{border: 1px solid var(--sx-blue);height:230px;width:400px;opacity:0;transition: all 2s linear;background-image:url('https://soft-xpansion.de/res/img/xmasbox.png');background-position:bottom center;position:absolute;z-index:100;color:var(--sx-darkblue);border-radius:10px;box-shadow:0px 0px 20px rgba(0,0,0,0.2);transform: translate(110px, -25px);}

@media screen and (min-width:720px) and (max-width: 1208px) {
#xmas-box{transform: translate(0,-55px)}}

@media screen and (max-width: 720px) {
#xmas-box{transform: translate(0px,-55px);width:90%; height:240px;left:0;background-position:top center;z-index:300;position:absolute}}

#xmas-btn{}

#xmas-btn:hover{}

 @keyframes snowfall
{
  0% { background-position:0 0, 0 0, 0 0; }
  50% { background-position: 500px 500px, 100px 200px; }
  100% { background-position: 500px 1000px, 200px 400px }
}
 @-webkit-keyframes snowfall
      {
        0% { background-position:0 0, 0 0; }
       50% { background-position: 500px 500px, -100px 150px; }
      100% { background-position: 500px 1000px, -100px 300px; }
      }

.snow {
  background-image: url(https://soft-xpansion.de/res/img/snow1.png), url(https://soft-xpansion.de/res/img/snow2.png);animation: snowfall 20s linear infinite; height:225px; }

#xmas-schliessen{right:0;background-color:var(--sx-blue);color:#fff;display:inline-block;margin-top:5px;padding:0px 7px;border-radius:50%;cursor:pointer;border:1px solid #fff;position:absolute; margin-right:25px;display:inline-block}
#xmas-schliessen:hover{color:var(--sx-blue);background-color:transparent;font-weight:800;border:1px solid var(--sx-blue)}
#xmas-schliessen:active{color:#000}

@media screen and (min-width:720px) and (max-width: 1208px) {
#xmas-schliessen{margin-right:10px}}

@media screen and (max-width:720px) {
#xmas-schliessen{margin-right:1px}}

.xmas-submit{clear:both;opacity:1;background-color:var(--sx-blue);border:1px solid var(--sx-blue);border-radius:5px;min-width: 150px;transition:opacity 1s linear;margin: 10px auto;letter-spacing:1px;padding:5px 10px;color:#fff}

.xmas-submit:hover{background-color:transparent;color:var(--sx-blue);cursor:pointer;}

@media screen and (max-width:480px) {
.xmas-submit{margin:10px  -4px !important}}

#xmas-reg{opacity:0; ;display:inline-block;padding:0px 10px;transition:all 1s linear;}

#span-vorname{color:#ff0000;display:none;font-size:small}

#span-name{color:#ff0000;display:none;font-size:small}

.quest-mark{display:inline-block;margin-left:3px;font-size:16px;border-radius:50%;background-color:var(--sx-orange);color:#fff;padding:1px 5px 0px 5px;border:1px solid #fff;bottom:0;left:51%;position:absolute;transform:translate(65px,-20px) scale(0.7)}

.quest-mark:hover{cursor:pointer}

@media screen and (min-width:480px) and (max-width:850px) {
.quest-mark{left:auto;transform:translate(258px,-25px)scale(0.7)}}

@media screen and (max-width:480px) {
.quest-mark{left:auto;transform:translate(230px,-50px)scale(0.7)}}

#xmas-help{font-size:small;text-align:justify;color:#fff;font-weight:400;background-color:var(--sx-orange);z-index:500;position:absolute;width:250px;border-radius:10px;padding:5px;transform:translate(286px, -80px);display:none}

@media screen and (min-width:480px) and (max-width:850px){
#xmas-help{width:250px;transform:translate(200px, -48px) }}

@media screen and (max-width:480px){
#xmas-help{width:250px;transform:translate(20px, -61px) }}

#xmas-ds-txt{padding-left:10px;padding:10px}

#xmas-ds{background-color:var(--sx-blue);padding:5px 10px;min-width:120px;margin: 0px 0px 0px 10px;color:#fff;border:1px solid var(--sx-blue);border-radius:5px}
#xmas-ds:hover{cursor:pointer; background-color:transparent;color:var(--sx-blue);}

/*STAMMBAUM 9 */

.add_feat{color:#fff;font-size:24px;font-weight:bold;float:left;background-color:var(--sx-blue);border-radius:50%;padding:5px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-right:20px;box-shadow:0px 0px 16px rgba(0,0,0,0.25)}

.add_feat_standard{color:#7DCE96;font-size:48px;font-weight:bold;float:left;display:flex;align-items:center;justify-content:center;margin-right:20px;}

.add_feat_span{line-height:24px;clear:both;margin:15px 0;}

#stmb9-vor{display:inline-block; box-shadow:0px 0px 16 px rgba(0,0,0,0.1)}

#stmb9-vor td{min-width:300px;line-height:150%;padding:0px 10px;}
#stmb9-vor  tr:nth-child(odd) {background-color:var(--sx-orange); color:#fff}
#stmb9-vor table{border:1px solid var(--sx-orange)}

#stmbgal img{margin-top:20px}

.express-support{margin-top:0!important;border-radius:20px;padding:3px 8px;border:1px solid #fff;display:inline-block;background-color:var(--sx-blue);color:#fff;position:relative;font-weight:300;box-shadow:0px 0px 0px 2px var(--sx-blue);letter-spacing:1px;margin:40px 0px 20px 0px}

@media screen and (max-width:860px){
.express-support{margin-top:50px!important}}

/************* WENIG VORRAT *************************/

.wenig-vorrat {
float:left;
margin: 15px 10px 0px 0px;
 width: 30px;
  height: 30px;
  border-radius: 50%;
   box-shadow: 0 0 0 rgba(204,169,44, 0.4);
  animation: vorrat 2s infinite;
clear:both;

}

@-webkit-keyframes vorrat {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(254,216,143, 0.9);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(87,218,116, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(87,218,116, 0);
  }
}
@keyframes vorrat {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(254,216,143, 0.9);
    box-shadow: 0 0 0 0 rgba(254,216,143, 0.9);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(87,218,116, 0);
      box-shadow: 0 0 0 10px rgba(87,218,116, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(87,218,116, 0);
      box-shadow: 0 0 0 0 rgba(87,218,116, 0);
  }
}

.support-tel{color:#fff;background-color:var(--sx-darkblue);display:inline-block;min-width:220px;padding:5px 5px 5px 15px;border-radius:5px;box-shadow:0px 10px 10px 1px rgba(0,0,0,0.2);border:1px solid var(--sx-darkblue);padding:5px;float:left;transition:all 0.2s linear}

.support-tel:hover{background-color:var(--sx-blue);cursor:pointer;box-shadow:0px 0px 10px rgba(0,0,0,0.2);}

@media screen and (max-width:700px){
.support-tel{    clear: both;
    margin-bottom: 30px;
    padding-left: 0;
    font-size: 15;}}

#review-text {border: 1px solid #efefef;text-align:center;color:var(--sx-darkblue);width:80%; font-size:22px; box-shadow: 1px 2px 3px #fefefe;padding:0px 5px}

/*STAMMBAUM UPGRADE*/

.box-upgrstmb9{border:1px solid #e2e2e2;border-radius:10px;box-shadow:0px 0px 7px rgba(0,0,0,0.08);padding:20px;display:inline-block;margin-top:30px;}

.input-stmb9{min-width:200px;border:1px solid #efefef;outline:0.5px solid #e2e2e2;border-radius:2px;padding-left:2px;line-height:150%;vertical-align:middle;font-size:18px;margin-left:20px;color:#A0A0A0;margin-bottom:10px;}

.input-stmb9:focus{border:1px solid var(--sx-blue);background-color:#F9F9F9}

.submit-upgr{float:right;color:#fff;background-color:var(--sx-blue);border:1px solid var(--sx-blue);outline:none;border-radius:5px;padding:5px 20px;font-size:17px;letter-spacing:1px;font-weight:300;}

.submit-upgr:hover{background-color:#fff;cursor:pointer;color:var(--sx-blue)}
#nomail{display:none;font-size:17px;color:#ff000b}

#netzwelt{font-size:small;background-color:rgba(254,254,250,1); position:absolute; z-index:100;transform:translate(30px,150px);border-radius:5px;border:1px solid var(--sx-blue);padding:10px;box-shadow:0px 0px 16px rgba(0,0,0,0.3);width:75%}
#netzwelt-schliessen{font-size:medium;right:0;background-color:var(--sx-blue);color:#fff;display:inline-block;margin-top:-5px;padding:0px 7px;border-radius:50%;cursor:pointer;border:1px solid #fff;position:absolute; margin-right:5px;display:inline-block}

#netzwelt-schliessen:hover{color:var(--sx-blue);background-color:transparent;font-weight:800;border:1px solid var(--sx-blue)}
#netzwelt-schliessen:active{color:#000}

/***************ADDON***************************/

.addonimg{width:150px;border-radius:50%;border:1px solid #efefef; box-shadow: 0px 0px 10px rgba(0,0,0,0.05);background-color: rgba(255,136,11,0.8);margin:40px auto 0 auto;display:block}

.Addondiv{animation-name: einblenden;
  animation-duration: 1.5s;}

@keyframes einblenden{
  0% {opacity:0}
30% {opacity:0;transform:translateY(200px)}
  100% {opacity:1;transform:translateY(0px)}
}

.Addondiv1{animation-name: einblenden1;
  animation-duration: 2.5s;}

@keyframes einblenden1{
  0% {opacity:0}
60% {opacity:0;transform:translateY(200px)}
  100% {opacity:1;transform:translateY(0px)}
}

.Addondiv2{animation-name: einblenden2;
  animation-duration: 3.5s;}

@keyframes einblenden2{
  0% {opacity:0}
75% {opacity:0;transform:translateY(200px)}
  100% {opacity:1;transform:translateY(0px)}
}

.priceaddon{margin-left:10px;color:var(--sx-orange);font-weight:300;font-family:Open Sans;margin-bottom:10px}

/************* COOKIES '*****************/

.notice {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: justify;
    background: rgba(41,64,117,.85);
    z-index: 999;
    box-shadow: 0px 0px 16px rgba(255,255,255,.3);
    color: #fff;
    font-size: 18px;
    padding: 20px 60px;
}

#cookieNotice{  display:block;}

@media screen and (max-width:860px){.notice{padding:1rem;margin-top:50%;font-size:18px;}}

.notice .close {
	cursor: pointer;
	color: var(--sx-orange);
	position: absolute;
	right: 0;
	top: 0;
	
}

.cookie-button {
  display: inline-block;
  text-align:center;
  cursor: pointer;
  padding: 5px 10px;
margin-top:20px;
  margin-left: 0.45rem;
  color: #fff;
  letter-spacing: 0.5px;
  background-color:var(--sx-orange);
  border-radius:5px;
  min-width:100px;
  max-width:200px;
  box-shadow:0px 0px 10px rgba(0,0,0,0.05);
  transition:all 0.3s linear;
  font-weight:thin;
border:1px solid var(--sx-orange);
  float:right;
transition: background-color .75s cubic-bezier(.19,1,.22,1);
transition: color .75s cubic-bezier(.19,1,.22,1);
}

.cookie-button:hover{background-color:transparent;color:var(--sx-orange);}

/*************************************** STARTSEITE ****************************************/

.cat-block-title a:hover, .cat-block-title a:hover{color:#ff660b!important}

.home-banner:before {
    background-image: linear-gradient(90deg,var(--sx-darkblue) 61%,transparent 100%);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.home-banner {
    width: 100vw;
    text-align: left;
    color: #fff;
    background-position: top right;
    filter: blur(0);
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/res/img/hp_banner.jpg);
    left: 50%;
    margin-left: -50vw;
    position: relative;
    display: inline-flex;
    margin-top: -20px;
background-color:var(--sx-darkblue);
}

.hometop, .home-banner{ 
}

.hometop {
    z-index: 100;
    display: inline-block;
    margin: 50px auto;
    transform: translateX(-261px);
}

@keyframes homeeinblenden{

0%{opacity:0; transform:translateY(-100px)}
30%{opacity:0; transform:translateY(-100px)}
100%{opacity:1; transform:translate(0px)}}

@media screen and (max-width:1070px){
.home-banner p, .home-banner a{margin:0px!important}}

.hometop a{margin-bottom:30px!important}

@media screen and (max-width:780px){
.home-banner, .hometop{display:none}}

/************************************* SLIDER CUSTOMER PAGE ********************/

.slider-sdk{width:100%;border:0px solid var(--sx-blue);display:inline-block;border-radius:5px;box-shadow:0px 0px 16px 2px rgba(0,0,0,0.1);overflow:hidden;background:linear-gradient(to bottom, #fff 85%,var(--sx-blue) 85%, var(--sx-blue) 100%);margin-top:30px}

.sdkslider-logo{margin:10px auto; display:block;height:60px;width:auto;clear:both}

.author-sdk{width:100%;font-style:italic;color:#fff;text-align:center;border-bottom-right-radius:5px;border-bottom-left-radius:5px;animation:none}

.rezensionsdk{text-align:justify;padding:10px 20px;margin-bottom:20px}

.dividersdk{width:80%;height:4px;display:block;margin:0 auto;background:linear-gradient(to right, #fff 0%, #ff880b 40% ,#ff880b 80% ,  #fff 100%); opacity:0.3}

.hide{display:none;animation:sliderfade 0.8s ease-in-out}

@keyframes sliderfade{
  0%{transform:translateX(200px);opacity:0}
     50%{transform:translateX(-130px);opacity:1}
   75%{transform:translateX(40px);opacity:1}
   100%{transform:translateX(0px);opacity:1}
}

.sdk-choice{box-shadow:0 0 0 1px var(--sx-blue);border-radius:50%;border:1px solid #fff;transition:all 0.3s linear;margin:20px 10px;background-color:#fff;height:13px;width:13px;display:inline-block;transition:all 0.3s ease-in}

.headchoice{justify-content:center;display:flex}

.tooltipp{display:none;position:absolute;z-index:100;background:var(--sx-blue);color:#fff;padding:5px 10px;transform:translate(-40px,-42px);justify-content:left;font-family:Open Sans;min-width:70px;text-align:center;border:0px solid var(--sx-blue);border-radius:2px;box-shadow:0px 0px 10px rgba(0,0,0,0.2)}

/************************************* SDK 14 PAGE ********************/
.sdkclients{width:150px;margin:20px;}

.pers1{margin-bottom:40px}

#vers15 .sdkclients {
    margin: 5px 15px;
    height: 40px;
    width: auto;
}
.centerclients {
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    text-align: center;
    height: 60px;
    margin-bottom: 10px;
}

.sdkgroup{display:none;}



.sdkcustomers:hover{background-color:#fff;color:var(--sx-orange)}

.dlbutton{background-color:var(--sx-blue);transition:all 0.2s linear;padding:10px 20px;color:#fff;border:1px solid var(--sx-blue);font-size:18px;border-radius:5px;text-align:left;box-shadow:0px 0px 10px rgba(0,0,0,0.1);display: inline-block;cursor:pointer!important}

@media screen and (max-width: 719px){.dlbutton {padding:5px 10px;font-size:16px}}

.dlbutton:hover{background-color:transparent;color:var(--sx-blue)}

.sdkcontact-icon {
    display: block;
    padding: 15px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid rgba(200,200,200,0.1);
    width: 36px;
    height: 36px;
    margin: 0 auto 0px auto;
    box-shadow: 0 0 10px rgba(255,255,255,0.5);
}

.sdktel{color:var(--sx-darkblue);font-size:22px;padding:0px;display:block;text-align:center}

.sdktela {
    text-decoration: none;
    color: #fff;
    text-align: center;
    border: 1px solid rgba(255,103,0,0.6);
    background-color: rgba(255,103,0,.6);
    transition: all .2s;
    padding: 10px 20px;
    border-radius: 3px;
    display: block;
    margin: 0 auto;
}

.sdktela:hover{
	background-color:transparent;
	color:rgba(255,103,0,0.6)
}

.sdktela:active{box-shadow:inset 0 0 25px rgba(255,103,0,0.5)}

.sdkcontact-box {
    border: 1px solid rgba(172,199,220,.1);
    width: 50%;
    display: block;
    padding: 20px;
    margin: 0 auto;
    border-radius: 3px;
    position: relative;
    -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.05);
    background: linear-gradient(to bottom,rgba(172,199,220,.15) 10%,rgba(172,199,220,0) 30%,rgba(172,199,220,1) 31%,rgba(172,199,220,.15) 31.2%,rgba(172,199,220,.15) 100%);
}
 
.sdkcontact-box:after{
    content:"";
    position:absolute;
    z-index:-1;
    top:100%;
    bottom:0;
    width:120%;
    height:90px;
    left:-10%;
    right:-10%;
    background: -webkit-radial-gradient(50% -3%, ellipse cover, rgba(96, 251, 202, 0.8), rgba(112, 220, 255, 0.5), rgba(255, 116, 225, 0.0) 50%), -webkit-radial-gradient(80% 10%, circle contain, rgba(96, 251, 202, 0.8), rgba(255, 255, 255, 0.0) 180%), -webkit-radial-gradient(90% 20%, circle contain, rgba(255, 255, 202, 0.8), rgba(255, 255, 255, 0.0) 60%);
    background:radial-gradient(ellipse at 50% -3%, rgba(96, 251, 202, 0.8), rgba(112, 220, 255, 0.5), rgba(255, 116, 225, 0.0) 50%), radial-gradient(circle at 80% 10%, rgba(96, 251, 202, 0.8), rgba(255, 255, 255, 0.0) 2%), radial-gradient(circle at 90% 20%, rgba(255, 251, 202, 0.8), rgba(255, 255, 255, 0.0) 1%);
}

@media screen and (max-width: 719px){.sdkcontact-box{width:90%;margin-top:20px}}
/************************************************* SDK NEWSLETTER *************************************/

.regsdkbox {
    border: 1px solid rgba(0,0,0,0.05);
    padding: 5px 10px;
    background: linear-gradient(rgba(255,176,71,0.6),rgba(255,176,71,0.8),rgba(255,176,71,0.6));
    display: inline-block;
    border-radius: 3px;
    box-shadow: 0 0 10px rgba(255,255,255,0.3);
    min-width: 235px;
    transform: translateX(180px);
}

@keyframes sdkin{
0%  {transform:translate(-1000px,-500px); opacity:0}
95%  {transform:translate(100px,200px); opacity:0}
100%   {transform:translate(200px,400px); opacity:1}}

.sdkrad{width:60px;float:left;margin-right:10px;transform:rotate(300deg)}

.nlfont{color:var(--sx-darkblue);font-size:21px;letter-spacing:1px}

.dlbuttonsdk{background-color:var(--sx-blue);transition:all 0.3s linear;padding:10px 20px;color:#fff;border:1px solid var(--sx-blue);font-size:18px;border-radius:5px;text-align:left;box-shadow:0px 0px 10px rgba(0,0,0,0.1);display:inline-block;margin:5px 10px 0px 10px;padding:5px 20px;cursor:pointer;    }

.dlbuttonsdk:hover{filter:brightness(120%)}

.imgabo{width:50px;float:left;margin-right:10px;margin-top:4px;cursor:pointer}

#regsdk {
    border: 1px solid grey;
    border-radius: 5px;
    z-index: 100;
    position: absolute;
    background-color: #fff;
    padding: 10px;
    display: none;
    transform: translate(-677px,-52px);
    box-shadow: 0 0 0 9999px rgba(0,0,0,.7);
    width: 800;
    padding-bottom: 20px;
}

.xreg {
    font-size: 25px;
    float: right;
    border: 2px solid var(--sx-blue);
    padding: 0px 3px 0px 5px;
    border-radius: 50%;
    cursor: pointer;
    font-style: bold;
    transition: all .3s linear;
    transform: translate(5px,-15px);
}

.xreg:hover{background-color:var(--sx-blue);color:#fff}

#regsdk form#contactForm .normal  {
	width: 40%;
	margin-right: 1%;

}

#regsdk form#contactForm .normal:active,#regsdk form#contactForm .normal:focus{background-color:#E8F0FE;border: 1px solid var(--sx-blue)}

#regsdk form#contactForm .short {
	width: 14%;
	margin-right: 1%;
}

#regsdk #contact-wrapper{width:100%}

#regsdk #contact-wrapper input[type=checkbox]{height:20px;width:20px;transform:translateY(5px)}

#contact-wrapper input[type=checkbox]{height:20px!important;width:20px!important;}

#regsdk form#contactForm .long{display:none}

#regsdk #email1{margin-bottom:-40px!important}

/************************************* CONV9 SHAREWAREONSALE ********************/

#conv9 {background-color:#fff;
	min-width:300px;
	float:left;
	margin-right:50px;

	max-width:350px;
border-radius:10px;
text-align:left;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
margin-top:20px;
border: 1px solid var(--sx-blue);
padding:0px 20px 20px 20px;
}

.divider {opacity:0.3}

/************************************* DMS PAGE ********************/
.bg_dms{background:rgba(200,200,200,0.1);width:80%;border-radius:3px 3px 0px 0px;}

.dms_outer{border:1px solid #f7f7f7;padding:20px;position:relative;width:100%;transform:translate(30px,30px);background-color:#fff;box-shadow:0 0 10px rgba(230,230,230,0.4);border-radius:3px;}

.dms_outer p{text-align:justify}

.dms_outer img{display:block;margin: 0 auto;}

a.dmslink{font-size:20px;letter-spacing:1px; font-family:Raleway}

.dms-card{margin:20px 0;padding:10px 0;border:1px solid #eee;border-radius:3px;display:inline-block;box-shadow:0 0 10px rgba(200,200,200,0.3);margin-bottom:50px;max-width:99%;background-color:#fff;transition:all 0.4s ease-in}

.dms-card span{font-size:20px;font-family:Roboto,sans-serif;color:var(--sx-blue);border-bottom:1px solid #c06c84;width:99%;display:block;padding-left:1%;}

.dms-card div{background:url('/res/img/card_u.png'); line-height: 25px;color:#555;font-family:Roboto,sans-serif;font-weight:100}

.dms-card div li{margin-left:10px!important;}

.dms-card div:last-child{margin-bottom:15px}

/************************************ CoBi UPGRADE ***********************************/

#upgcobi .bod{width:60%;max-width:100%;margin:0px auto;display:block;}

#upgcobi .prem10{float:left;margin-right:20px}

#upgcobi p {text-align:justify;}

#upgcobi .container-top{}

#upgcobi .container-outer{display:flex;border-radius:3px;}
#upgcobi .container-outer h2{color:#fff}
#upgcobi .container{margin:0px auto;display:block;}

#upgcobi .container-outer img{margin:10px auto;display:block;}

#upgcobi .container-outer span{color:#000;font-family: 'Roboto', sans-serif;}

#upgcobi .one-fourth{background-color:#fff;width:250px;text-align:center;float:left;box-sizing:border-box;display:none;padding:20px 0px;}

#upgcobi .btn-kaufen{display: inline-block;
    width: 100%;
    background: var(--sx-blue);
   font-size: 20px;
    text-align: center;
    color: #fff;
    text-decoration: none;line-height:60px;display:flex;padding:0px 0;}

#upgcobi .btn-cart{filter:brightness(0) invert(1);margin:0 10px;width:50px;height:50px}

#upgcobi .one-fourth img{filter:brightness(0);width:80px;display:block;}

/************ PDFs AUFTEILEN ******************/
.teilenbgcontainer{background:none!important;
background:linear-gradient(#fff,#f0f0f9,#fff)!important}

.aufteilen-prog{box-sizing:border-box;border:1px solid rgba(230,230,230,.4);box-shadow:0px 0px 16px rgba(200,200,200,0.2);background-color:#fff;border-radius:2px;background:linear-gradient(#f7f7f8,#f9f9f9);margin-top:20px;}

.aufteilen-prog img{display:block;margin:0 auto;padding-top:20px}

.aufteilen-card {
    border-top: 1px solid rgba(200,200,200,0.3);
    background-color:#fff;
height:auto;
}

.teilenleft{box-sizing:border-box;
width:100%;
padding:0px 40px;
color: var(--sx-darkblue);
font-family:Open Sans;
font-weight:400;

}

.teilenleft h3{font-size:17px;display:inline-block;margin: 15px 0px 5px 0px;color:#00325b;font-family:Open Sans;font-weight:700;}

.teilendescr {
    clear: both;
    color: #888;
    font-size: 14px;
    text-align: justify;
    font-family: Raleway Light;
line-height:1.3em;
font-style:italic;
}

.coll {padding-bottom:20px;
line-height:1.5em;
font-style:normal;
font-size:13px!important;
}

.coll .link {
    border: 1px solid var(--sx-darkblue);
    color: var(--sx-darkblue);
    padding: 10px 0px;
    display: block;
    text-align: center;
    outline: 1px solid #fff;
transition:all .3s ease;
font-family:Roboto,sans-serif;
font-weight:600;
letter-spacing:0.5;
cursor:pointer;
}

.coll .link:hover{background-color:var(--sx-darkblue);border:1px solid #fff;outline:1px solid var(--sx-darkblue);color:#fff}
.cont-teilen {
    border: 1px solid #f7f7f7;
    overflow: hidden;
    padding: 20px;
    background: #f7f7f7;
    border-radius: 50%;
    width:200px;
}
.teilenprice {
    font-family: Open Sans;
    font-weight: 600;
font-size:18px;
    white-space: nowrap;
    color: #ffff;
    box-sizing: border-box;
    position: absolute;
    right: 0;
margin-top:-31px;
padding:0px 5px;
background-color:#f60;
margin-right:2px;
}

.teilenmorerotate{transform:rotate(180deg);}

.teilenmore{text-align:center;color:var(--sx-darkblue);font-weight:700;visibility:hidden}

.teilenimg{float:left;margin-right:20px}

@media screen and (max-width:860px) {
.teilenimg{clear:both;margin:10px 0px!important;width:100%}
.teilenbgcontainer{background:linear-gradient(#fff,var(--sx-darkblue),#fff)!important}}
/********************* MAIL & TELEFON RECHTS *****************/

.contactbox-outer {
    background: linear-gradient(to right,var(--sx-darkblue),#00325b);
    padding: 8px;
    border-radius: 50%;
    display: inline-block;
    position: fixed;
    right: 0;
    top: 22%;
    cursor: pointer;
    box-shadow: -5px 3px 6px rgba(100,100,100,.1);
    border: 1px solid var(--sx-darkblue);
    transition: all .2s ease-in-out;
    z-index: 100;
    margin-right: 5px;

}

.contactbox-outer:hover{
  filter:brightness(130%);
}
.contactbox-outer img{
  height:auto;
  width:25px;
 filter:brightness(0) invert(1);
}

.contactbox{
  background:linear-gradient(to right,#00325b 0%, #00325b 4%,var(--sx-blue));
  display:inline-block;
  color:#fff;
  font-family:Roboto;
  font-size:16px;
  border-radius: 0 0 0 10px;
  width:290px;
  position:fixed;
  right:0;
  top:22%;
  transform:translateX(290px);
  transition:transform 0.2s ease-in;
font-weight:500;
}

.contactinner {
    padding: 0 20px 0;
    letter-spacing: .5px;
 white-space: nowrap;
text-decoration:none!important;
}
.contact-btn-left{float:left;background-color:rgba(0,50,91,1);box-sizing:border-box;transition: all .2s ease-in;}
.contact-btn-left img {
    width: 30px;
    height: auto;
    margin: 0px 20px 0px 0px;
    line-height: 20px;
    padding: 10px 15px;
transition: all .2s ease-in;
    }

.complete-btn {
    display: flex;
    align-items: center;
    cursor: pointer;
    box-shadow: 0px 0px 6px rgba(100,100,100,.3);
     width: 86%;
    margin: 2% 7% 4% 7%;
    border: 1px solid #fff;
transition: all .2s ease-in;
}

.complete-btn:hover {
    background:linear-gradient(30deg,#f50,#f80)!important;
    transition: all .2s ease-in;
}

.jtzbtn{background-color:rgba(255,255,255,0.3);line-height:40px;text-align:center;width:100%;font-family:Roboto,sans-serif;transition: all .2s ease-in;}

@media screen and (max-width:860px) {
.contactbox-outer {display:none}
.contactbox {display:none}
}

/************* UPGRADE SHOP BUTTON ***********/

.upgr-shop-btn {
    border: 1px solid var(--sx-blue);
    background-color: var(--sx-blue);
    border-radius: 3px;
    vertical-align: middle;
    margin-left: 20px;
}

.upgr-shop-btn:hover{filter:brightness(1.2)}

/***** SOCIAL MEDIA BUTTONS *****/

#divBottomRight img, #acurax_si_simple img, #short_code_si_icon img {
    margin: 0;
    border: 0 !important;
    background: none !important;
   filter: drop-shadow(0px 1px 2px rgba(255,255,255,0.2));
}

/*** STARTSEITE & MAP CUSTOMERS MOBILE *********/

@media only screen and (max-width: 860px){
.map-customers, .regsdkbox, section.stage {display:none}
.home{background:none!important;}
}

/************* BACK TO TOP *****************/


.back-top:hover{color:var(--sx-orange);background-color:transparent}

@media screen and (max-width:860px){
.back-top{bottom: 10px;
    right: 10px;
 padding: 0px 4px;
    font-size: 20px;}}

/***** REFERENCES *****/
.toggleclientscontainer {
    background: linear-gradient(to bottom,transparent,rgba(255,255,255,.6),#fff);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
    position: relative;
    margin-top: -200px;
    padding: 200px 0 0px;
transition:max-height 3s ease-out;
}

.toggleclients {
      text-align: center;
    font-size: 20px;
    color: var(--sx-blue);
       text-shadow: 0px 2px 2px rgba(0,50,91,0.2);
    cursor: pointer;
align-items: center;
    justify-content: center;
float:left;
}

.toggleclients img {
    margin: 0px 0 0 10px;
    transform: translateY(4px) rotate(180deg);
    width: 20px;
}

.toggleclientsrotateimg {
    transform: translateY(2px) rotate(0deg)!important;
    margin: 0!important;
}

.togglenull{margin:0;padding:0}

.defclients{max-height:400px;overflow:hidden; transition:max-height 3s ease-out;}

.moreclients{height:auto;max-height:2000px;overflow:visible; transition:max-height 3s ease-out;}

/***************** SXLOADER ******************/

#sxloader {
    background: #fff;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed!important;
    z-index: 9999999!important;
    display: flex;
    align-items: center;
    box-sizing: border-box;

}

#sxloader img{width:120px;height:120px;border-radius:50%;padding:15px;animation:sxpulse 1.4s infinite;display:block;font-size:25px;margin:0 auto}

#sxloader div{display:block;font-size:25px;margin:20px auto;color:#888}

@keyframes sxpulse{
  0% {transform:scale(1)}
  50% {transform:scale(1.4);filter:drop-shadow(1px 2px 2px rgba(100,100,100,0.8))}
  100 %{transform:scale(1)}
}

/*****HOME****/

/******FADEIN ALL PAGES****/

/************** FADEIN ***********/
.elem {perspective:300px;
}

.tofadein {
  opacity: 0;}

.fade-in {
    animation: fade-in 1.2s forwards;
transform-origin:top;
  }

@keyframes fade-in {
  0% {
    opacity: 0;
transform:translateY(100px) rotateY(45deg);
  }
 
100% {
    opacity: 1;
transform:translateY(0px);
  }
  
}

@media screen and (max-width:860px){
.elem{opacity:1}
.fade-in{animation:none!important}}

@keyframes suppanim{
0% {transform: translateX(-100px) rotateY(90deg) rotateX(30deg)}
100% {transform: translateX(0px) rotateY(0deg) rotateX(0deg)}
}

@keyframes suppanim2{
0% {transform: translateX(100px) rotateY(-90deg) rotateX(30deg)}
100% {transform: translateX(0px) rotateY(0deg) rotateX(0deg)}
}

/**** NACHHALTIG ****/

.container-nachhaltig {
    display: inline-block;
    margin: 100px;
    background: linear-gradient(75deg, rgba(123, 224, 138, 0.3), rgba(123, 224, 138, 0.7), rgba(123, 224, 138, 0.4));
    border-radius: 3px;
    box-shadow: 0 0 10px rgba(200,200,200,.4);
    box-sizing: border-box;
    text-align: center;
    padding-top: 1px;
cursor:pointer!important;
}

.container-nachhaltig div {
    font-size: 16px;
    color: #333;
    padding: 33px 10px 15px;
    margin-top: -61px;
    background: rgba(255,255,255,.98);
    font-family:Roboto,sans-serif;
    line-height: 1.8em;
    border-top: 3px solid #06DB31;
    letter-spacing: .5px;
}

.container-nachhaltig:hover {
    transform: scale(1.1);
    transition: all 0.2s linear;
    cursor: pointer;
    BORDER: 1px solid rgba(123,224,138,.9);
}

img.icon-nachhaltig{margin: 10px auto;
  height:auto;
  width:80px;
  display:block;
  }

#page-content-title {
    background: linear-gradient(to bottom,var(--sx-blue),var(--sx-darkblue),var(--sx-blue));
    z-index: 9999;
    position: relative;
}

/****** STICKY SIDEBAR ******/

#sidebarSubnav h3,#sidebarSubnav .custom-formatting li a{background:none}

@media screen and (min-width:860px){.sticky-sidebar{position:fixed;z-index:1000;top:70px!important;}}

#sidebar {
      box-sizing: border-box;background:rgba(255,255,255,0.87);border-radius:2px
}

#sidebarSubnav h3{margin-top:30px;}

#sidebarSubnav h3:first-child{margin-top:0px!important}

#sidebar img.zoom{filter: drop-shadow(2px 4px 6px rgba(100,100,100,0.3))}

/*** FORMULAR ****/

#reg-formular table td{line-height:34px!important}

#reg-formular #submit{margin-top:30px!important}

#submit:hover{background-color:transparent!important;color:var(--sx-blue)!important;cursor:pointer}
#submit:disabled{background-color:rgba(100,100,100,.4)!important;color:#fff!important;border:1px solid rgba(100,100,100,.6)!important;cursor:default!important}

#reg-formular input,#reg-formular select{font-family:Roboto, sans serif;font-size:16px!important;line-height:150%!important}

#reg-formular{padding-bottom:0!important;margin-top:0px;transition:opacity 0.3s linear;width:50%;float:left}

@media screen and (max-width:860px){
#reg-formular{width:100%!important}
.reg-rightcont{width:100%!important;float:none!important}
.regoverview span{margin-left:0px!important;}
}

#contact-wrapper {
width:auto!important;
    padding: 20px;
    border: 1px solid #f3f3f3;
    box-shadow: 0 0 16px rgba(200,200,200,0.2);
margin:0 0 30px 0!important;
}

form#contactForm select {height:34px}

.top-regform{padding: 5px 20px 5px 5px;margin-top: 30px;background: var(--sx-blue);display: inline-block;color: #fff;box-shadow: 0px -5px 10px rgba(200,200,200,0.2);border: 1px solid #f3f3f3;border-radius: 5px 5px 0px 0px;}

.dsgvoschloss{width:60%;color:#666;font-size:0.8em;float:right;margin-top: 28px!important;}

.dsgvoschloss img{width:30px;float:left;height:auto;margin-right:10px}

.reg-rightcont{width: 50%;float:right;box-sizing:border-box;margin-top:40px}

.reg-rightcont img {
    width: 200px;
    margin: 40px 30px;
    display: block;
}

/********.reg-rightcont div {
    border: 1px solid #f3f3f3;
    display: inline-block;
    width: 262px;
    margin-top: 29px;
    margin-left: 20px;
}

******************/

.reg-rightcont div {
    border: 1px solid rgba(254, 94, 8, 0.3);
    display: inline-block;
    width: 262px;
    position: absolute;
    top: 0;
    background: #fff;
    right: 20px;
}

@media screen and (max-width:1080px){
.reg-rightcont div{display:none}}

span.reglabel{margin-left:15px;font-size:0.7em;}

span.reglabel:before{content:'|';margin-right:5px}

.regoverview {
    float: left;
    color: #666;
    font-family: Roboto;
    font-weight: 300;
    font-size: 16px;
    margin: 10px 20px 20px 0;
}

.regoverview span{background:linear-gradient(#60E086,#2AAF4D,#33DD63);color:#fff;padding:0 6px;border-radius:50%;margin:0px 10px;font-size:20px;}

.regdownloadlayer {
    border: 1px solid #eaeaea;
    position: absolute;
    top: 10%;
    left: 0;
    right: 0;
    margin: auto;
    width: 600px;
    background: #fff;
    text-align: center;
    padding: 40px 20px;
    box-shadow: 0 0 0 9999px rgba(0,0,0,0.8);
    border-radius: 3px;
z-index:300;
}

.closedownlayer {
    float: right;
    margin-top: -36px;
    margin-right: -6px;
    font-size: 24px;
    color: #777;
    font-weight: lighter;
    font-family:Roboto,sans-serif;
    cursor: pointer;
}

.dlsdkbtn {
    margin: 40px 0;
    width: auto!important;
    padding: 15px 25px;
    position: relative;
    z-index: 200;
    background: linear-gradient(rgba(254,94,8,.6),rgba(254,94,8,.9),rgba(254,94,8,.6));
    color: #fff;
    border-radius: 5px;
    border: 1px solid rgba(254,94,8,.3);
}

.dlsdkbtn:hover{background:#fff;color:rgba(254,94,8,1)}

.sxdms-sp {
    width: 280px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    float: left;
    margin: 20px 20px 20px 0;
    background: #fff;
    color: #000;
    border-radius: 2px;
    letter-spacing: .5px;
    box-shadow: 0 22px 8px -22px rgba(0,0,0,.18), 0 -22px 8px -22px rgba(0,0,0,.18);
    font-weight: 200;
    padding: 0 20px;
}

/****************** HOME *************************/

.home #top-wrapper {
    background-color: #fff!important;
} 

.home #main-menu{background:none!important}

.home-banner-img{
    margin-top: -40px;
    display: block;
    margin: 0 auto;
    width: 100%;
}

.home-opener {
    padding: 15px 0px 15px 0;
    border: 0 solid rgba(200,200,200,.6);
    margin: 35px 0 40px 0px;
    border-radius: 0;
}

.home-opener .top {
    margin-top: -30px;
    display: table;
    width: 650px;
     opacity:1;
}

.home-opener ul, .hometop02-22 ul {display:inline-block;width:650px}
.home-opener li, .hometop02-22 li {
    list-style: none;
    margin-top: 20px;
    background: rgba(255,255,255,0.2);
    padding: 5px 10px;
    box-shadow: 0 0 5px rgba(255,255,255,.1);
    cursor: pointer;
    transition: all .2s ease-in;
    border: 1px solid #fff;
    display: inline-block;
    border-radius: 1px;
    color: #fff;
    margin-left: 0!important;
    margin-right: 20px;
    width: 271px;
    text-align: center;
}

.home-opener li:hover, .hometop02-22 li:hover{background:none;color:#ff880b;border-color:#ff880b}

.ebanner {
    color: #fff;
    background: var(--sx-orange);
    display: inline-block;
    float: left;
    margin: 10px 30px 10px 0;
    padding: 5px 10px;
    border: 1px solid var(--sx-orange);
    font-family:Roboto,sans-serif;
    cursor: pointer;
    width: 271px;
    text-align: center;
}

.animate-home{animation:flyinhome 1.5s cubic-bezier(.62, -0.36, .4, 1.28);opacity:1!important

}

@keyframes flyinhome{
0% {transform:scale(0);opacity:0}
100% {transform:scale(1);opacity:1}
}

#navigation-menu ul.sf-menu>li>a>span {
    color: var(--sx-orange)!important;
    margin-top: -6px;
    font-weight: 400!important;
    font-size: 1.1em;
	letter-spacing:0.3px;
}

.home #navigation-menu ul.sf-menu li li {
    background: #fff
}

.home #navigation-menu .sub-menu, .home #navigation-menu ul.sub-menu li li .sub-menu {
    backdrop-filter: blur(15px);
}

.home #navigation-menu ul.sf-menu > li > a:hover span , .home #navigation-menu ul.sf-menu > li.current-menu-item > a > span, .home #navigation-menu ul.sf-menu > li.current_page_item > a > span {text-shadow:none!important}

#navigation-menu ul.sf-menu > li > a:hover span, #navigation-menu ul.sf-menu > li > a:active span, #navigation-menu ul.sf-menu > li > a:focus span { color:var(--sx-orange); border-bottom: 6px solid #FF660B; }

#logo h1 a, #logo .site-name a {
    background: transparent url(/res/img/logo.png) no-repeat 0 100%;
    width: 340px!important;
    height: 50px;
filter: drop-shadow(0 0 2px rgba(100,100,100,.2));
}

.home #logo h1 a, .home #logo .site-name a {
    background: transparent url(/res/img/logo_111111.png) no-repeat 0 100%;
filter: drop-shadow(0 0 2px rgba(100,100,100,.2));}

@media screen and (max-width: 860px) {
.hometop{display:block!important;}
.home-opener .top{    width: auto!important;
    animation: none!important;
    display: block;
    background: linear-gradient(var(--sx-darkblue),var(--sx-blue),var(--sx-darkblue));
    padding: 20px 10px;
    border-radius: 3px;
    box-shadow: 0 0 10px rgba(100,100,100,0.3);
    margin-bottom: -200px!important;}
.home-opener .top h3{display:none}
.home-opener .top img {
    width: 120px;
    margin: 0 auto!important;
    display: block;float:none!important;
}
.home-opener{margin:0!important;}
.home-opener h2{text-align: center;}
.home #logo h1 a, .home #logo .site-name a {
    background: transparent url(/res/img/logo.png) no-repeat 0 100%;}
.home #main-menu, .home #main-menu .container_24 {
    background: #fff!important;}
.home-opener ul, .einv-info{display:none!important}
.clearhome{margin-top:558px!important}
}

@keyframes movehome {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}

.home .top img {
    float: left;
    width: 120px;
    margin-right: 20px;
    margin-top: 0px;
    display: block;
}

@media screen and (min-width:1200px){#navigation-menu {
       transform: translateX(50px);
}}

/************** OPTIMIZED FORM ********************/
input.opt-normal {
    color: #dbdbdb!important;
    text-shadow: 1px 1px 0.1px rgba(176, 176, 176, 0.25);
}





.hinweis-support a{margin-right:10px}

.hinweis-support h3{margin-top:10px}

.loeschen{
width:28%;
box-sizing:border-box;
text-align:center;
float:left;
margin-right:5%;
background:#fff;
margin-bottom:70px;
margin-top:50px;
}

.loeschen img{
border-radius: 50%;width: 100px;display: block;margin: 0 auto;filter: drop-shadow(1px 1px 2px rgba(200,200,200,0.9));
}

.loeschen p {
    text-align: center;
    font-size: 0.95em;
    color: #666;
}

.loeschenhinweis {
    padding: 10px;
    margin: 0px 0 20px 0;
    background: linear-gradient(rgba(254, 216, 143, 0.5),rgba(252, 191, 75, 0.7),rgba(254, 216, 143, 0.5));
    border: 1px solid #888;
    clear: both;
}

.loeschenhinweis span {
    color: #555;
    float: right;
    font-size: 1.3em;
    margin-top: -3px;
    border-radius: 50%;
    border: 1px solid #555;
    padding: 0 15px;
    font-weight: 500;
    filter: drop-shadow(2px 1px 1px rgba(100,100,100,0.8));
}

.loeschen-weitere-hilfe span {
    Color: var(--sx-blue);
    font-weight: 600;
    font-size: 4em;
   margin-right:20px;
}

.loeschen-weitere-hilfe{
display: flex;
    align-items: center;
    justify-content: center;}

.loeschenhinweis h4{margin-top:-10px}

.loeschen-screenschots {
    float: left;
    border: 1px solid #f6f6f6;
    margin: 20px 0;
    width: 30%;
    box-sizing: border-box;
    margin-right: 3%;
    border-radius: 2px;
    box-shadow: 0 0 16px rgba(230,230,230,0.3);
}

.loeschen-screenschots div{padding:0 20px 20px 20px}

.loeschen-screenschots div ol li{padding-left:0px;}

/**************PRODUCTS***********************/
.portfolio-links {
    margin-bottom: 150px;
    z-index: 10;
    position: relative;
}

.portfolio-links a {
    float: left;
    margin-right: 20px;
    border: 1px solid #fe5e08;
    padding: 1px 10px;
    margin-top: 3px;
    box-shadow: 0 0 10px rgba(200,200,200,.2);
    transition: all 0.2s ease-in;
}

.portfolio-links a:hover{color:#fff;background:#fe5e08}



.skew-out{z-index:10;position:relative;margin-top:70px}

.skew-out h3 {
    color: #fff;
    letter-spacing: 1px;
    font-size: 2em;
    font-family: Roboto;
    margin-bottom: -15px;
}

.skew-out table{width:100%;margin-top:10px; color: #fcf9f9!important;margin-bottom:60px}
.skew-out table th {
    text-align: left;
    font-weight: 100;
    letter-spacing: 0.5px;
 }



.skew-out table a:hover{color:#fff;background:#fe5e08}

a.skew-out-programs{border:none!important;color:#fff!important;float:none!important;color:#fe5e08!important;padding:0!important;
}

a.skew-out-programs:hover{background:none!important}



.skew-out table th, .skew-out table td{border-right:20px solid transparent;vertical-align:top;Box-sizing:border-box;width:50%}



/**************** BILD IN PDF UMWANDELN *****************/

.full-width-jpg {
    width: 100%;
    margin-top:20px;
margin-bottom:20px;
width: 100vw;
 position: relative;
 margin-left: -50vw;
 left: 50%;
}
.full-width-jpg table{width:100%}
.full-width-jpg  table tr td:first-child {width:30%;}
.full-width-jpg  table tr td{padding:20px;vertical-align:middle}
.full-width-jpg img{display:block;margin:0 auto;padding:40px 0;max-height:270px;width:auto;height:auto;}

.full-width-jpg ul{list-style:none;margin-left:0!important;padding-left:0}

.full-width-jpg li:first-child {
    color: #444;
    font-size: .9em;
    margin-top: -5px;
    margin-bottom: 30px;
}

.full-width-jpg li {
   margin-left:0!important;
}

img.umwandeln-jpg {
    float: left;
    margin-right: 40px;
}

.btn-jpg{background-color:var(--sx-blue);color:#fff;padding:10px 20px;text-decoration:none;font-size:1.1em;margin-top:30px;border:1px solid var(--sx-blue);border-radius:3px;transition:all 0.3s linear;box-shadow: 0 0 10px rgba(200,200,200,0.4)}

.btn-jpg:hover{color:var(--sx-blue);background-color:transparent;}

.jpg-flex{display:block;margin-bottom:40px;text-align:justify}

.hidebell{transform:translateX(100px);transition:all .6s ease-in}
.showbell{transform:translateX(0);transition:all 0.6s ease-in}

.newsglocke {
    background: #f63d3d;
    width: 45px;
    letter-spacing: 0px;
    text-align: center;
    font-size: 17px;
    line-height: 17px;
    border: 1px solid #fff;
    box-shadow: 0 0 8px rgba(100,100,100,.2);
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    position: fixed;
    z-index: 9999;
    top: 200px;
    right: 30px;
}

.newsglocke-bg{border-bottom:1px solid #fff;padding-bottom:20px;background:red;margin:0 auto;box-sizing:border-box;padding:6px;}

.newsglocke-bg img{display:block;max-height:100%; max-width:100%;filter:drop-shadow(2px 2px 1px rgba(100,100,100,0.4))}

.sdknews a{text-decoration:none;background:var(--sx-blue);color:#fff;padding:5px 15px;border:1px solid var(--sx-blue)}
.sdknews img {
    filter: brightness(0.1) invert(.6) drop-shadow(2px 2px 1px rgba(100,100,100,0.4));
    width: 60px;
    display: block;
    margin: 0 140px;
}

.sdknews a:hover{background:transparent;color:var(--sx-blue);transition:all 0.3s ease-in}

.newsglocke p{text-align:center;margin:0;padding:5px 0}

.sdknews {
    position: fixed;
    left: 0;
    right: 0;
    margin: auto;
    width: 600px;
    padding: 10px;
    box-shadow: 0 0 0 9999px rgba(0,0,0,.8);
    border-radius: 3px;
    z-index: 300;
    top: 40%;
    background: url(/res/img/sdknews_windows.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.newsglocke-animation{animation: ringingbell 2s 4 0.1s}

.closedownnews {
    float: right;
    margin-top: 0;
    margin-right: 10px;
    font-size: 24px;
    color: #fff;
    font-family:Roboto,sans-serif;
    cursor: pointer;
}

.newsfix {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: fixed;
z-index:100;
display:none;
}

@keyframes ringingbell {
  0% { transform: rotate(0); }
  4% { transform: rotate(30deg); }
  8% { transform: rotate(-28deg); }
  12% { transform: rotate(34deg); }
  16% { transform: rotate(-32deg); }
  20% { transform: rotate(30deg); }
  24% { transform: rotate(-28deg); }
  28% { transform: rotate(26deg); }
  32% { transform: rotate(-24deg); }
  36% { transform: rotate(22deg); }
  40% { transform: rotate(-20deg); }
  44% { transform: rotate(18deg); }
  48% { transform: rotate(-16deg); }
  52% { transform: rotate(14deg); }
  56% { transform: rotate(-12deg); }
  60% { transform: rotate(10deg); }
  64% { transform: rotate(-8deg); }
  68% { transform: rotate(6deg); }
  72% { transform: rotate(-4deg); }
  76% { transform: rotate(2deg); }
  80% { transform: rotate(-1deg); }
  84% { transform: rotate(1deg); }
  88% { transform: rotate(0); }
  100% { transform: rotate(0); }
}

.news-info {
    background: #f9f9f7;
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    margin-top: 0;
    left: 50%;
    padding: 20px 0;
    border-bottom: 5px solid var(--sx-orange);
}

.news-info img{float: left;
    width: 150px;
    margin: 10px 20px 10px 0;}

.top-news{margin:40px 0;}

.news-old{border-top:5px solid var(--sx-orange);margin:40px 0;}

.news-old h3{margin-top:20px;}

.news-old p,.top-news p{text-align:justify}

span.date-news {
    float: right;
    font-style: italic;
    font-size: 0.9em;
    color: #444;
}

#news-reg,#news-contact td div {
    background: var(--sx-blue);
    padding: 10px 20px;
    border: 1px solid var(--sx-blue);
    color: #fff;
    display: inline-block;
    margin-bottom: 20px;
}
#news-reg:hover, #news-contact td div:hover{background:transparent;color:var(--sx-blue);cursor:pointer}

.news-right {
    margin: 40px 0 0;
    border-left: 2px solid #f3f3f1;
    padding-left: 20px;
}

.news-right #contact-wrapper {
    width: auto!important;
    padding: 0px!important;
    border: none!important;
    box-shadow: none!important;
    margin: 0 0 0px 0!important;
}

.news-contact .top{border-left:1px solid #eee;border-top:1px solid #eee;border-right:1px solid #eee;display:inline-block;padding:5px 20px;border-radius:15px 15px 0 0;background:#fff;transform:translateY(2px);cursor:pointer;box-shadow: 0 0 10px rgba(200,200,200,0.1);}

.news-contact .inner{border:1px solid #eee;display:inline-block;padding:10px;border-radius:0 15px 15px 15px;}

.news-contact .active{background:var(--sx-blue);color:#fff}

#discount-sdk{animation:blinksdk 2.4s linear;border: 1px solid #666;
    margin-top: 30px;

    box-shadow: 0 0 10px rgba(200,200,200,0.6);
    transform-origin: initial;}

@keyframes blinksdk{
0%{transform:scaleX(-1) translateY(-300px);opacity:0}
80%{transform:scaleX(-1) translateY(-300px) rotateY(0deg);opacity:0;}
100%{transform:scaleX(1) translateY(0px) rotateY(-20deg);opacity:1}}

#info-msg {
    background: linear-gradient(to bottom,#efefef,#f5f5f5,#efefef);
    box-shadow: 0 0 10px rgba(200,200,200,.3);
    width: 100%;
    margin: 20px 0;
}

#info-msg td:first-child div{color:#fff;background:#ffaf0d;border-radius:50%;padding:5px 14px 7px 15px;font-size:20px;filter:drop-shadow(0 0 2px rgba(255,255,255,0.8));display:inline-block;margin:0 50px}

#info-msg td:first-child {width:40px;vertical-align:middle}

#info-msg td:nth-child(2){padding:20px}

.sos-anim-off{animation:gosos 0.5s linear}
@keyframes gosos{
0%{opacity:1;transform:translateX(0px)}
100%{opacity:0;transform:translateX(-200px)}}

.sos-anim-new{animation:flysos 0.5s linear;display:block}
@keyframes flysos{
0%{opacity:0;transform:translateX(-200px)}
100%{opacity:1;transform:translateX(0)}}

.reg-new {
    color: #2a4074!important;
    font-size: 0.9em!important;
    font-family:Roboto,sans-serif;
    padding: 10px;
    margin-left: 14px;
    filter: drop-shadow(4px 4px 1px rgba(100,100,100,0.3));
}

.reg-new:before{content:'|';margin-right:10px}

.reg-sos-btn {
  font-family: "Open Sans";
    color: rgb(255, 255, 255)!important;
    border-radius: 5px;
    background-color: rgb(69, 94, 154);
    padding: 5px 40px!important;
    font-size: 18px!important;
    box-shadow: none;
    border: 1px solid rgb(69, 94, 154);
    letter-spacing: 2px;
    cursor: pointer;
    display: inline-block;
float:right;
margin-top:15px!important;
}

.consent-check div{color: #666;
    font-family: Open Sans, sans-serif;
    letter-spacing: 0.3px;}

.reg-step {
    background: #ccc;
    border-radius: 50%;
    display: inline-block;
    padding: 10px 14px;
    font-size: 16px;
    color: #fff;
    line-height: 16px;
    float: left;
cursor:pointer;
}

.reg-step-between div{height:2px;background:#ccc;width:100px;}

.reg-step-between{vertical-align: middle;}

table#reg-steps-table {
    margin-top: 40px;
}

.step-done{background:var(--sx-blue)!important;transition:background 0.4s ease-out}

.new-star {
    color: #f2d21e!important;
    font-size: 30px!important;
    float: right;
    filter: drop-shadow(2px 2px 1px rgba(64,64,64,0.8));
}

.new-testimonial {
    background: linear-gradient(45deg,#3d3c3c,#3d3835,#3d3c3c)!important;
    border: 2px solid;
    border-color: #c7c7c7;
    outline: 2px solid #2a2a2a;
    box-sizing: border-box;
    position: fixed;
    z-index: 998;
    bottom: 100px;
    right: 10px;
    width: 200px!important;
    padding: 8px 10px!important;
    text-align: justify!important;
    display: none;

}

.new-testimonial .rr_review_text {
    position: relative;
    font-size: .9em;
    color: #fff;
    line-height: 1.2em;
    letter-spacing: 0.2px;
}

.new-testimonial .ellipses, .new-testimonial a{display:none}
.new-testimonial  span.more_text {display:inline!important}

.new-testimonial .rr_review_name{
font-family: Open Sans,sans-serif;
    color: #fff;
    font-size: 1em;
    float: right;margin-top:20px;
    margin-right: 20px;}

.testimonial{display:none
}

.close-testimonial {
    color: #fff;
    position: absolute;
    top: -3px;
    right: 12px;
    font-size: 25px;
cursor:pointer;
}

.close-review {
    color: var(--sx-blue);
    position: absolute;
    top: -3px;
    right: 12px;
    font-size: 25px;
cursor:pointer;
}

.slide-out-testimonial{
transition:all 0.4s linear;
transform:translateX(250px);
opacity:0;}

.new-testimonial span.drop_cap {
    margin-right: -12px;
    font-size: 40px;
}

.rr_required:after {display:none!important}

.rr_review_form .form_table .rr_form_row .rr_form_input input[type=text] , .rr_review_form .form_table .rr_form_row .rr_form_input textarea{
  width: auto;
}

.glyphicon {
        color: #f2d21e!important;
}

.pls-review {
    color: #fff!important;
    background: var(--sx-blue);
    border: 1px solid var(--sx-blue);
    text-align: center;
    margin-top: 10px;
    margin-bottom: 5px;
}

.pls-review:hover{color:var(--sx-blue)!important;background:transparent;cursor:pointer}

.dev-umg{margin-top:20px;margin-bottom: 130px;}

.dev-umg div {
    background: #fff;
    padding: 2px 5px;
    color: #f60;
    font-family:Roboto,sans-serif;
    float: left;
    margin-right: 20px;
    border: 1px solid #f60;
}

.sdk-bullets div{font-family:Roboto,sans-serif!important;font-weight:400!important}

.new-feat-sdk {
    font-size: 17px!important;
    font-family: Roboto!important;
    width: auto!important;
    display: inline-block!important;
    border: none!important;
    transform: translateY(-6px);
    color: #de6868!important;
    font-weight: 800;
    letter-spacing: 0.5px;
    padding-left: 0!important;
    margin-right: 5px;
}

/***** MAIL DUMMY *****/

.mail-dummy{width:70px;display:inline-block;float:left;opacity:0;height:0.5px}

/********** SDK 15 ***************/

.sdk-opener {
    background: linear-gradient(to right,#486ace 0%,#486ace 50%,#fff 50%,#fff 100%)!important;
    border-bottom: 3px solid #5177c1;
    margin-top: -10px!important;
}

#vers15 .sdktela {
    background: var(--sx-orange)!important;
    border: 1px solid var(--sx-orange)!important;
    cursor: pointer!important;}

#vers15 .sdktela:hover{color:var(--sx-orange)!important;background:transparent!important}

#vers15 .sdkcontact-box {
    border: 1px solid var(--sx-darkblue)!important;
    width: 70%;
    display: block;
    padding: 20px;
    margin: 0 auto;
    border-radius: 3px;
    position: relative;
    background:var(--sx-blue)!important;
}

#vers15 .sdkcontact-box div{color: #fff; margin-bottom: 20px; text-align: center;}

#vers15 .sdktel {
    color: #fff!important;}

#vers15 .sdkcontact-icon {box-shadow:none!important}

.kontaktformular-SDK{    display: none;
    position: fixed;
    background: #fff;
    left: 50%;
    transform: translate(-50%);
    top: 20%;
    padding: 20px;
    box-shadow: 0 0 0 999999px rgba(0,0,0,0.8);}

.kontaktformular-SDK .closedownlayer{margin-top: -68px!important;
    margin-right: -46px!important;
    font-size: 32px!important;
    color: #fff!important;}

#vers15 ul.sdk15-new  {list-style:none}

#vers15 ul.sdk15-new li::before{ content: "\2022";  
  color: var(--sx-blue);
  font-weight: bold; 
  display: inline-block; 
  width: 1em; 
  margin-left: -1em;}

#format-einvoice {    border: 1px solid #ccc;
    border-collapse: separate;text-align:left;
    }

#format-einvoice th{background-color: var(--sx-darkblue)!important;
    padding: 10px;
    color: #fff;
    font-weight: 500;}

#format-einvoice tr:nth-child(odd){background-color:#efefef} 

#format-einvoice tr td{padding:10px}

#format-einvoice tr td div{text-decoration: underline; color:var(--sx-orange);}

#format-einvoice tr td:first-of-type{cursor:pointer!important}

.example-img-sdk {
    position: fixed;
    top: 150px;
    left: 50%;
    transform:translate(-50%,-10%);
    box-shadow: 0 0 0 99999px rgba(0,0,0,0.3);
    cursor: default!important;
    text-decoration: none!important;
border:1px solid #fff; background:#fff;padding:10px;display:none;z-index:999999;border-radius:3px;

}

.example-img-sdk img{width:auto;height:70%;}

.close-example{    float: right;
    text-decoration: none!important;
    font-size: 40px;
    color: #fff!important;
    transform: translate(30px, -58px);cursor:pointer!important}

.example-img-sdk span{color: #777;
    font-size: 0.8em;}

h3.grafik {
    color: #ff880b;
    font-family:Roboto,sans-serif;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: -20px;
    display: inline-block;
    padding: 10px;
    border: 2px solid;
    border-radius: 5px;
}

/********* PERFECT PDF CONFIG ******/










.config-price{clear:both;position:absolute;margin-top:50px;color:rgba(69,69,69,0.7);font-size:26px;}

div.config-box input{position:absolute;top:-1px;right:-1px;transform:scale(1.5);z-index:200;visibility:hidden}















@keyframes fadeprice {
  0% {opacity:0;transform:translateX(-200px)}
 100% {opacity:1;transform:translateX(0px)}
}

/*****table*****/



.price-config div {background:#f1f1f1;font-family:Roboto,sans-serif;border-radius:5px;padding:10px;display:inline-block;margin-bottom:50px;float:left;margin-right:50px}



.price-config table td,.price-config table th{padding:3px;text-align:left}







.config-box img:first-of-type{z-index:1;position:absolute;width:45px;height:auto;padding:3px;border-radius:50%;top:0;margin-top:-12px}

.config-box .layer{background:rgba(255,255,255,0.7);width:100%;height:100%;position:absolute;z-index:200;padding:20px 0px;}







.config-box img.config-yes{position:absolute;width:50px;background:none!important;top:-10px;right:-10px;filter:drop-shadow(2px 2px 1px rgba(100,100,100,0.6));}

@media screen and (max-width:860px){

.config-pdf{height:auto;}
 .werk {margin-top:30px}

}





.promolayer {
    background: rgba(60,60,60,.8);
    width: 100vw;
    height: 100vh;
    position: fixed;
    justify-content: center;
    z-index: 9998;
    display: none;
    padding-top: 40px;
    margin-top: -40px;
}

.container-promo{display:flex;align-items:center;justify-content:center;/***animation:pushpromo 5s***/ }

.promo-prem11 {
    background: rgba(255,255,255,.95);
    padding: 0 10px 10px;
    border-radius: 3px;
    width: 500px;
    margin-left: -5px;
    margin-top: 200px;
    line-height: 1.5em;
    box-shadow: 0 0 10px rgb(60 60 60 / 50%);
    text-align: justify;
}
.promo-prem11 span{Background:var(--sx-blue);padding:5px;color:#fff;font-family: 'Raleway', sans-serif;font-weight:700;letter-spacing:0.2px}

.promo-prem11 img {
    width: 180px;
    float: left;
    margin: 40px 20px 0 0;
}

.closepromo {float:right;margin-top:-30px;color:#fff;font-weight:800; margin-right:-30px;font-size:1.3em;font-family: 'Raleway', sans-serif;cursor:pointer}

#copypromo, #prem11page {cursor:pointer;display:inline-block; margin-right:20px;margin-top:10px;padding:5px 10px;color:#fff;font-family: 'Raleway', sans-serif;}

#copypromo {background:var(--sx-orange);border:1px solid var(--sx-orange)}
#prem11page{background:var(--sx-blue);border:1px solid var(--sx-blue)}

#promo-copied{position:absolute;z-index:500;background:rgb(64,64,64);color:#fff; padding:5px 10px;border-radius:3px;margin-left:150px;margin-top:-80px;display:none}

.paket12 img{max-width:100%;
max-height:100%;padding:10px;box-sizing:border-box;}







.funktionen, .funktionen-be {
    border: 1px solid #ccc;
    display: inline-block;
    width: 300px;
    margin: 20px 40px 0px 0px;
padding:0px;
  position: relative;
  transition:all 0.2s;
  border-radius:3px;
  box-sizing:border-box;
   position:relative;
}










#v12-total-price, #price-recy {
    margin: 0 20 0 0;
    border-bottom: 1px solid #fff;
    display: block;
    padding-bottom: 6px;
}





.funktionen .price,.funktionen-be .price{position:absolute;top:10px;right:10px}














select.yprice {
  -moz-appearance: none;
   -webkit-appearance: none;
  color:#000;width:40px;padding-right:0px; color:#333;
  border:none;
  overflow:hidden!important;
  background:transparent!important;color:#333!important;
}





.v12-layer{width:100%;height:100%;z-index:1000;position:absolute;top:0}



.v12-config{position:absolute;top:0;right: 0;
 width:50px; }

.v12-config-active{width:120px!important;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;transition:all 0.3s linear;border-radius:50%;border:5px solid var(--sx-darkblue); background:var(--sx-darkblue)}

.funktionen .v12-config, .funktionen-be .v12-config{bottom:0!important;position:absolute;top:auto;width:30px}

.funktionen .v12-config-active, .funktionen-be .v12-config-active{width:50px!important;
  margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
   }

.active-selection{filter:drop-shadow(10px 10px 10px black);width:70px;transform:translate(20px,-20px);transition:all 0.4s;}

.funktionen .v12-config.active-selection, .funktionen-be .v12-config.active-selection {width:50px!important;transform:translate(0px,0px)!important;}




.v12-quan input{width:35px;margin-left:10px}

.paket12up .parent,
#v12-help .parent{border: 1px solid rgba(41, 64, 117,1)!important;
    text-align: justify;
  width:350px;
    padding:0!important;
    display: block;
    float: left;
  box-sizing:border-box;
  border-radius:3px;
  position:relative;
  margin:40px 80px 0 0;
  box-shadow:0 0 16px rgba(200,200,200,0.2);
}

#v12-help .child, .paket12up .child{padding:10px;background:rgba(200,200,200,0);font-family:Roboto,sans-serif;color:#333}



#kaufassi{max-width:1400px;margin-left:-140px;position:relative;margin-bottom:100px}

#kaufassi > h3:first-of-type{margin:-10px 0 20px 0;font-weight:400;font-style:italic}

#v12-help div p{position:absolute;top:0;right:0px;font-size:1.5em;color:#fff;background:var(--sx-orange);padding:5px 10px;margin-top:-1px;border-radius:0 0 3px 0;margin-right:-1px;text-shadow:0px 0px 2px black;font-style:italic;outline:4px solid;outline-color: var(--sx-orange) var(--sx-orange) #fff #fff}




#v12-upgrade{max-width:800px; 
  height:auto;
  background:#fff;    
   padding:10px;
    border-radius:3px;
}

.alertText{max-width:800px;height:auto;background:#fff;  position: absolute;         
    left: 50%;                   
    bottom: 50%;               
    transform: translate(-50%);
    padding:10px;
    border-radius:3px;}

















select.time {
  /* for Firefox */
  -moz-appearance: none;
  /* for Chrome */
  -webkit-appearance: none;
}

/* For IE10 */




.v12-upgrade-submit,.v12-alert{border-radius: 0px!important;
    box-sizing: border-box;
    background: var(--sx-blue);
    color: #fff;
    text-align: center;
      border: 1px solid var(--sx-blue);
    cursor: pointer;
  display:inline-block!important;
  padding:5px 20px;
  float:left;
  margin-right:20px;
  margin-top:10px;
      margin-bottom: 20px;
}

.paket12{
    text-align: center;
  width:350px;
    padding-bottom: 10px;
    display: block;
    float: left;
  box-sizing:border-box;
  transition:all 0.2s;
  border-radius:3px;
  margin:40px 80px 0 0;
  perspective: 800px;
  height:500px;  
  position:relative;
    
}




    
.card .back {position:absolute;top:0;left:0;width: 100%;
      height: 100%;
      background:var(--sx-orange);
      transform: rotateY(180deg);
   backface-visibility: hidden;
  color:#fff;
     }

    

.outerpaket12{padding:0px;}









.v12-info-abo{background:#de6868;color:#fff;display:inline-block;width:auto;padding:5px 10px;font-family:Open Sans;margin-bottom:-20px}

/***REAL PDF 12*****/



select.price {
  -moz-appearance: none;
   -webkit-appearance: none;
 width:40px;padding-right:0px; 
  border:none;
  overflow:hidden!important;
  background:transparent!important;text-align:right;
}

select.price:disabled{opacity:1!important;margin-left:3px;color:black;text-align:right;}



.prem-functions,.be-functions{   display:inline-block;width:auto;border-radius:2px;float:left;}













.prem-functions h2{margin:10px 0 10px 10px;font-weight:300}










.pdf12-pakete #price {
    position: absolute;
    color: var(--sx-orange);
    font-size: .8em;
    font-family: Open Sans,sans-serif;
    text-align: right;
    bottom: 120;
    right: 20px;
}

















































.discount-container div {
    margin: 10 0;
}

 







.upgr12,.corp {
    border: 1px solid var(--sx-blue);
    display: none;
padding:10px 10px 0 10px;
max-width:500px; 
border-radius:0 0 5px 5px;

}























































@media screen and (min-width:710px) and (max-width: 1080px)
{
	.index{display:none!important}

	#all-func td{
		display: table-row; text-align:left!important;font-size: 0.9em;
	  }

	#all-func td:first-child{float:left;display:inline-block!important}

	table#all-func td:nth-child(3){font-weight:800;padding-bottom:5px}
	input.all-prem,input.all-be,input.all-ppe {
		margin-top: -5px;
		margin-right: 10px;
	}
}

@media screen and (min-width:480px) and (max-width: 710px)
{
	.index{display:none!important}

	#all-func td{
		display: table-row;text-align:left!important;font-size: 0.9em;
	  }
	input.all-prem,input.all-be,input.all-ppe {
		margin-top: -5px;
		margin-right: 10px;
	}

	table#all-func td:nth-child(3){font-weight:800;padding-bottom:5px}

	#all-func td:first-child{float:left;display:inline-block!important}
}

@media screen and (max-width:480px)
{
	.index{display:none!important}

	input.all-prem,input.all-be,input.all-ppe {
		margin-top: -5px;
		margin-right: 10px;
	}

	#all-func td{
		display: table-row;text-align:left!important;font-size: 0.9em;
	  }

	#all-func td:first-child{float:left;display:inline-block!important}
	table#all-func td:nth-child(3){font-weight:800;padding-bottom:5px}
}

/* account styles */

/*****.sxaccform {
	background-color: #fcfcfd;
	border: #e0e0e8 1px solid;
	border-radius: 4px;
    margin:15px auto;
	padding: 20px;
}

***********/ 









.sxaccbutt {
	background-color: var(--sx-blue);
	border-radius: 4px;
	border: #405080 1px solid;
	color: #ffffff;
	font-size: 1.2em;
    padding: 5px;
width:100%!important;
}



.sxaccchbox + label {
	display: inline-block;
	border: 1px solid #6080a0;
	border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	position: relative;
 	float:left;
  	margin-right:8px;
	padding:10px;
}

/*.sxaccchbox + label:active, .sxaccchbox:checked + label:active {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}*/



/*********** MK 

.sxacc-menuitem {
    display: inline-block;
    border: 1px solid #e0e0e8;
    border-bottom: none;
    border-radius: 5px 5px 0px 0px;
    cursor: pointer;
	font-size:0.8em;
    padding: 3px 10px;
}

************/

/************* MK .sxacc-menuitem {
    display: inline-block;
    border: 1px solid #e0e0e8;
    border-radius: 20px;
    cursor: pointer;
    font-size: 1em;
    padding: 3px 10px;
    margin: 10px 20px 10px 0;
}
*************/









/***.sxacc-listhead {
    width: 100%;
    background: #f0f0ff;
    border: 1px solid #e0e0e8;
    border-radius: 5px 5px 0px 0px;
    padding: 5px 10px;
}

**/








/**************** JH ***********/











@media screen and (min-width:1200px){
.sxacc-menuitem:first-of-type {
       margin-top:0!important;
}


}

input[name="apass"]{width:100%!important;cursor:pointer}











.acc-l {
    display: inline-block;
    max-width: 600px;
margin-right:50px;
margin-bottom:50px;
}







@media screen and (max-width:860px){
.acc-l {
    display: inline-block;
    max-width: none!important;
    margin-bottom: 50px;
    font-size: .9em;
    font-weight: 500;
    text-align: left;
    width: 87vw;
    transform: translateX(0)!important;
    margin-left: 15px;
    margin-right: 0px;
}

.acc-l h2 {
    margin-bottom: 42px;
    margin-top: 26px;
}

.acc-container .sxaccform {
    margin: 5px 0;
    display: block;
    width: 100%!important;
    float: none;
}


}



form[name="sxaccount"] input[type="submit"] {
    font-size: 1.2em!important;
width:100%;text-align:center;margin-top:20px;cursor:pointer;
}











/****** functions *****/
/*
.vorwort img {
    border-radius: 50%;
    transform: translateY(19px);
    margin-right: 10px;
    margin-left: 20px;
}

.vorwort img:first-of-type {
    margin-left: 0!important;
}
*/
.vorwort span {
    font-family:Roboto,sans-serif;
    font-weight: 800;
    letter-spacing: 0.5px;
}

td.vers {
    vertical-align: middle;
    padding-right: 0px;
    width: 60px;
}

.vers img {
    border-radius: 50%;
    display: block;
    width: 40px;
    margin: 10px 10px 10px 0;
    filter: drop-shadow(2px 4px 2px rgba(100,100,100,0.3));
}

.desc div {
    color: #464646;
    font-weight: 500;
    font-family: Open Sans,sans-serif;
    line-height: 1.5em;
    letter-spacing: .3px;
    text-align: justify;
padding-right:10;
min-height:150px;
position:relative;
}

.all-functions td {
    padding: 20px 20px;
}

.all-functions h3 {
    margin-top: 0;
    color: var(--sx-orange);
    font-weight: 400;
    font-family: Open Sans, sans-serif;
}

.all-functions tr:nth-child(even) {
    background: #f9f9f9;
    border: 1px solid #f5f5f5;
}

/*
.vorwort span:after {
    display: inline-block;
    content: '';
    width: 1px;
    height: 60px;
    border-right: 1px solid #ff880b;
    transform: translateY(25px);
    margin-left: 8px;
}

.vorwort span:last-child:after {
    display:none!important;
   }
*/
/**************************** PRODUKTSEITE 12 ************************************/

.pdf12-choice a {
       display: block;
    margin: 10px auto 0 auto;
}

.pdf12-choice {
    padding: 20px;
    background: #fcfcfc;
    border-radius: 3px;
    border: 1px solid #eee;
text-align:center;
}

.pdf12-choice div:first-of-type {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    border: 1px solid;
    border-color: transparent #ccc;
    box-sizing: border-box;
    text-align: center;
    font-family: Open Sans,sans-serif;
    padding: 5px 0;
    color: #fff;
    background: var(--sx-blue);
    background-size: 200%;
    transition: .5s ease-out;

}

.pdf12-choice div:nth-of-type(2) {
    color: #545454;
    font-size: 0.9em;
text-align:justify;
position:relative;
display:block; align-items:center;
margin:40px 0 0px 0;
position:relative;
background:transparent;
}

.pdf12-choice p{text-align:justify}

.pdf12-choice.second-row{display:block!important;text-align:left}

.pdf12-choice.second-row div:nth-of-type(2){display:block!important;text-align:justify}
.info-func {
    margin: 50px 0 0 0;
    padding: 20px;
    cursor:pointer;
}

.info-func h4 {
    text-align: center;
    margin-top: 0px;
}

.info-func img {
    margin: 0 auto;
    display: block;
}

.info-func p {
    color: #545454;
    text-align: justify;
    letter-spacing: 0.3px;
    font-size: 0.95em;
    font-weight: 400;
}

.pdf12-why img {
    width: 70px;
    display: block;
    margin: 10px auto;


}

.pdf12-why {
    text-align: center;
    width: 200px;
    float: left;
    padding: 20px;
    margin: 20px 30px 0px 0px;
    border: 1px solid #eee;
    background: #fcfcfc;
}
.top-info {
    display: flex;
    justify-content: center;
    flex-direction: column;
    max-width: 400px;
    background: #fff;
    padding: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
}

.pdf12-opener {
    width: 780px;
    float: left;
    padding: 50px 0;
    filter: drop-shadow(-16px -5px 10px rgba(100,100,100,.4));
}

.pdf12-desc{text-align:justify}



.top-info h4 {
    color: #aaaaaa;
    font-weight: 600;
    font-family: Open Sans, sans-serif;
}

.top-info h2 {
    color: #777777;
    margin-top: 0;
    margin-bottom: 30px;
    font-family: Open Sans,sans-serif;
}

.bevis{display:block!important;animation:open 0.7s ease-in}

@keyframes open{
0%{opacity:0;transform:translateY(1000px) scale(0)}
100%{opacity:1;transform:translateY(0px) scale(1)}
}

/*.info-func div {
    background: var(--sx-blue);
    text-align: center;
    padding: 5px 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-family: Roboto,sans-serif;
    letter-spacing: 0.5px;
}


*/

.hint {
    background: #eee;
    padding: 5;
    margin: 10px 0 20px;
    text-align: justify;
    color: #999;
    font-weight: 800;
    font-size: .8em;
}

.hint:before {
    content: 'i';
    display: block;
    font-size: 13px;
    float: left;
    margin-right: 10px;
    padding: 0px 10px 0 12;
    background: #fff;
    color: #999;
    border-radius: 50%;
    font-weight: 800;
    font-family: Roboto,sans-serif;
}

.phone-number-padding{display: flex;
    justify-content: flex-end;
    align-items: center;}

.top-acc {
    margin-top: 3px;
    border: 1px solid #757575;
    padding: 4px 10px;
    border-radius: 5px;
    cursor: pointer;
    color: #505050;
    font-size: 16px;
    transition: all .3s linear;
    background: #efefef;
}

.top-acc:hover{color:#ff880b;border:1px solid #ff880b;}

.top-acc img {
    float: left;
    width: 22px;
    border-radius: 50%;
    margin-right: 8px;
    border: 1px solid #505050;
}

#top-elements .phone-number-padding {
    padding: 3px 0px 0 0!important;
    margin-right: -10px;
}

.acc-logout {
    width: auto;
    position: absolute;
    background: var(--sx-blue);
    top: 0;
    color: #fff;
    padding: 10px;
    box-shadow: 0 0 10px rgb(100 100 100 / 30%);
}





.err-lg {
    color: #ef2929;
    text-align: justify!important;
    padding: 15px!important;
    line-height: 1.2em;
    border-radius: 5px;
    backdrop-filter: blur(1px);
}

.err-lg:before {
    display: block;
    float: left;
    content: '!';
    font-weight: 600;
    margin-right: 10px;
    font-size: 65px;
    margin-bottom: 50px;
    font-family: Open Sans,sans-serif;
    margin-top: 17px;
}

@media screen and (min-width: 960px){
.container_24 .prefix_17 {
    padding-left: 65%!important;
}

.container_24 .grid_7 {
    width: 35%!important;
}}

.sp {
    position: absolute;
    cursor: pointer;
    width: 30px;
    padding: 10px;
    margin-top: -2px;
    margin-left: -50px;
}

.hwcimg{display: block;
    margin: 10px 0;
    border: 1px solid #505050;
    border-radius: 20px;
    box-shadow: 0 0 10px rgb(200 200 200 / 60%)}

.abo-info {
    margin: 0 0 20px 0;
 
    font-weight: 600;
}

.abo-info a {
    color: var(--sx-blue)!important;
    text-decoration: underline;
}

.trial-hint {
    position: absolute;
    width: 300px;
    margin-top: -100px;
    background: linear-gradient(to bottom, var(--sx-blue), #708cd0 , var(--sx-blue));
    padding: 20px;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    display: none;
}

.cont-dl {
    border-top: 3px solid rgb(69 94 154 / 62%);
    display: inline-block;
    border-bottom: 3px solid rgb(69 94 154 / 62%);
    margin: 10 0;
}

.sxacc-listhead img {
    width: 35px;
    border-radius: 50%;
    position: absolute;
    margin-top: -3px;
}

.gr-cont div:first-of-type {
    color: #7dce96;
    font-size: 6em;
    margin-right: 20px;
    filter: drop-shadow(2px 2px 2px #65bd80);
}

.gr-cont {
    display: flex;
    align-items: center;
}

/*.sxacc-listhead.upd, .sxacc-listhead.upd > .sxacc-listitem {
    width: 300px!important; max-width: 300px!important;
}*/

.sxacc-listbx.upd {
    background: #fff;
    border: none;
    color: #505050;
    display: block;
    font-size: 1em;
    width: 84px;
}

a.btn.upd {
    margin: 0!important;
}

table.lnl-info {
    border: 1px solid #c3c3c3;
    border-collapse: separate;
    border-spacing: 5px;
    border-radius: 3px;
}

.lnl-info td{padding-top:3px;padding-bottom:3px}
.lnl-info td:nth-child(2){padding-left:10px;padding-right:10px}

form[name="lnllink"] input[type="submit"] {
    border: none!important;
    font-size: 1em;
    margin: 0;
    display: inline-block;
    text-decoration: none;
    color: #ff660b!important;
    font-weight: 500;
    font-family: Open Sans,sans-serif;
    cursor: pointer;
}

.sxacc-listitem.wart {
    font-size: 0.8em!important;
}

.sxacc-listitem.upd.req textarea{
display: block;
    margin-top: 10px;
    min-width: 70%;
    height: 70px;}

.sxacc-listitem.upd.req select {
    margin-right: 10px;
    color: #444;
    font-family: Open Sans,sans-serif;
    padding: 1px 0 2 0;
}

.sxacc-listitem.upd.req input[type="submit"] {
    font-family: Open Sans, sans-serif;
    font-weight: 500!important;
    border: none;
}

.sxacc-listitem.upd {
    display: flex;
    align-items: center;
    padding: 5px 0;
    font-size: 0.8em;
}

.sxacc-listitem.upd.req {
    display: block!important;
    box-sizing: border-box;
    padding: 5px;
}

/********* responsive sdk15 / login****/

@media screen and (max-width:860px){

.sdk-opener, #content-block-background-1297{ background:none!important}

.pers1:first-children{height:400px}

.dlbutton{width:60%;text-align:center;margin:10px 0!important}

#content-block-body-1243{min-height:400px!important}

#vers15 .sdkcontact-box{width:100%!important;float:none!important;clear:both!important}

#vers15 .one_third{width:87%!important;float:none!important;clear:both!important}

.newsglocke{top:40px!important}

.new-testimonial{display:none!important}

.sdk15-new{width:86%!important}

.sdkgroup {
    margin: 30px 0 160px 0!important;}

.sdkcustomers{display:none!important}

#vers15 .one_half.last_column p{width:86%!important}
}

/********** UPGRADE WITHIN VERSION 12*********/
#all-func td img {
    width: 14px;
}

@media screen and (max-width: 860px){
.acc-container {
    display: flex;
    width: 87vw;
    flex-wrap: nowrap;
    flex-direction: column;
    margin: 0!important;
    transform: translate(0)!important;
}
}

.lang{    left: 0;
    bottom: 0;
    position: absolute;}

.lang img {
    width: 32px!important;
    margin-right: 10px;
    transform: translateY(5px);
}



img.zoom.sup {
    width: 30px;
    filter: drop-shadow(2px 4px 6px rgba(100,100,100,.5));
    transform: translateY(4px);
}

.nl-layer {
    background: rgba(0,0,0,0.7);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
}
.nl-cont {
    width: 431px;
    display: flex;
    background: #fff;
    position: absolute;
    top: 40%;
    transform: translateX(-50%);
    right: 50%;
    left: 50%;
    padding: 20px;
    border-radius: 3px;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
    text-align: justify;
}

.nl-btn.ghost {
    background: none!important;
    color: #444;
}

.nl-btn {
    background: var(--sx-blue);
    display: block;
    width: 150;
    text-align: center;
    padding: 5px 0;
    margin: 15 15 15 0;
    color: #fff;
    float: left;
    cursor: pointer;
}

.all-details tr td {
    vertical-align: middle;
}

.all-details tr:nth-child(odd) {
    background: var(--sx-blue);
    border: 1px solid var(--sx-blue);
    border-bottom: none;
    border-radius: 10px 10px 0 0;
}

.all-details tr:nth-child(even) {
    border: 1px solid var(--sx-orange);
    border-top:none;

}

.all-details tr td {
    padding: 10 0 10 10!important;
}

.all-details h3 {
    margin: 0;
    color: #fff;
    font-family:Roboto,sans-serif;
    font-style: italic;
    margin-left: 10px;
}

.all-details tr:nth-child(odd) img {
    padding: 10;
    background: rgba(255,255,255,.9);
    border-radius: 5px 5px 5px 5px;
    filter: drop-shadow(1px 1px 1px rgba(100,100,100,0.8));
	width:68px!important;
}

.all-details-links div{float:left;margin-right:20px;margin-top:10px;text-decoration:underline;width:230px}

.all-details-links{margin-top:30px;color:#ff880b;cursor:pointer;font-size:0.85em}
.all-details .show-func{display:block;animation:show-descl .4s;}
.all-details .hide-func{display:none}

@keyframes show-descl{
0%{transform:translateX(-800px);opacity:0}
100%{transform:translateX(0px);opacity:1}
}

.wrap-bg:before {
    content: ' ';
    display: block;
    position: absolute;
    height: 150px;
    z-index: 1;
    opacity: .3;
    background-image: url(https://soft-xpansion.de/res/img/pdf_optimizr12.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: cover;
    width: 150px;
    bottom: 10;
    right: 10;
}

.wrap-bg {
    position: relative;
    overflow: hidden;
}

.wrap-bg:before .overwritten{background-image:url(https://soft-xpansion.de/res/img/logo_neu.png)}

.all-details-links .tool {
    position: absolute;
    background: var(--sx-blue);
    margin-top: -65px;
    padding: 10px;
    margin-left: 30px;
    text-decoration: none!important;
    font-family: Open Sans,sans-serif;
    font-weight: 600;
    color: #fff;
    width: auto;
    word-break: keep-all;
    white-space: nowrap;
    border-radius: 3px;
    }

div#right, #left {
    font-size: 5em;
    color: ff880b;
    display: inline-block;
    margin: 0 20;
    cursor: pointer;
    transition: all .2s linear;
    line-height: 1em;
    margin-top: 10px;
    margin-bottom: -30px;
}




















#all-func>tbody>tr>td>div:nth-child(3), #opt-fin>tbody>tr>td:nth-child(2)>div:nth-child(2), #opt-off>tbody>tr>td:nth-child(2)>div:nth-child(2), #opt-be>tbody>tr>td:nth-child(2)>div:nth-child(2), #opt-ppe>tbody>tr>td:nth-child(2)>div:nth-child(2), #opt-eRe>tbody>tr>td:nth-child(2)>div:nth-child(2), #all-func > tr > td:nth-child(2) > div:nth-child(3) {
    position: fixed;
    display: none;
    margin-top: -200px;
    min-height: 170px;
    width: 400px;
    background: #444;
    color: #fff;
    padding: 10px 10px;
    box-sizing: border-box;
    font-family:Roboto,sans-serif;
    font-weight: 500;
    z-index: 99999;
    box-shadow: 0 0 10px rgb(200 200 200 / 50%);
    border-radius: 3px;
    align-items: center;
    text-align: justify;
    margin-left: -40px;
    top: 200px;
}







/*** NEU PERFECT PDF 12 ***/











.bt-g {
    position: fixed;
    width: 100%;
    height: 200px;
    background: linear-gradient(to bottom, transparent, #fff);
    display: none;
    bottom: 0;
}

.perf12 .info-func div {
    background: #fff;
    text-align: center;
    padding: 5 20;
    color: var(--sx-blue);
    text-transform: uppercase;
    font-weight: 600;
    font-family: Roboto,sans-serif;
    letter-spacing: .5px;
    display: inline-block;
    border: 1px solid var(--sx-blue);
float:right;
}

.mainfunc{height:380px;overflow:scroll;    border-top: 20px solid #f7f7f7;position:relative}

.mainh {
    margin-top: 0;
    display: inline-block;
    background: rgba(255,255,255,1);
    padding: 20 10 10 0;
    margin-bottom: 30px;
}

.info-func tr:first-of-type td:first-of-type {
    background-color: #fff!important;
    border: 3px solid #D80000;
    width: 160px;
}

.info-func tr:first-of-type td:first-of-type h4 {
    background: #D80000;
    color: #fff;
    font-family:Roboto,sans-serif;
padding: 6px 0;
}

.info-func table {
    width: 600px;
    margin: 0 auto;
}

.info-func tr:nth-of-type(2) td {
    text-align: right;
    font-style: italic;
    font-size: .95em;
    padding-right: 20px;
}

.info-func tr:first-of-type td:nth-of-type(2) {
    text-align: justify;
    padding: 0 20;
}

.mainh span {
    color: #777;
    margin-left: 30px;
    font-weight: 300;
}

h5.mains {
    margin-top: 0;
    position: sticky;
    top: 0;
    display: inline-block;
    background: rgba(255,255,255,1);
    padding: 20 10 10;
    float: right;
    letter-spacing: 0!important;
    font-style: oblique;
    font-size: 1em;
    text-decoration: underline;
    cursor: pointer;
}

.sc-d:nth-of-type(2) {
    margin-top: 60px;
    transform: translateX(98px) rotate(
180deg
);
}
.sc-d {
    transform: translateX(100px);
    font-size: 1.6em;
    position: absolute;
    filter: drop-shadow(1px 1px 1px rgba(100,100,100,0.3));
    color: #999;
cursor:pointer;
}

.info-func tr:nth-of-type(2) span {
    color: var(--sx-blue);
    font-weight: 800;
    text-decoration: underline;
    cursor: pointer;
}

.info-func tr:nth-of-type(2) span:first-of-type:after {
    color: rgb(68,68,68)!important;
    font-weight: 400!important;
    text-decoration: underline!important;
    cursor: default!important;
display:inline-block;
content:'|';
margin:0 10;
font-style:normal!important;
}

.sc-d.anim{animation: p 2s infinite}

.sc-d:hover{color:var(--sx-blue);transition:color 0.5s linear}

@keyframes p{
0%{color:#999}
50%{color:var(--sx-blue);filter:drop-shadow(1px 1px 1px rgba(100,100,100,0.5))}
100%{color:#999}}

.kontaktformular-SDK{ z-index:9999}

.perf12 select[name="betreff"], .lnl12 select[name="betreff"] {
    pointer-events: none;
    border: none;
    margin-bottom: 10;
    color: #444;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

.perf12 select[name="betreff"]::-ms-expand, .lnl12 select[name="betreff"]::-ms-expand {
    display: none;
}

.pdf12-why img {
    width: 70px;
    display: block;
    margin: 20px auto 20 auto;
    filter: drop-shadow(1px 1px 3px rgba(64,64,64,.5));
}

.pdf12-why {
    text-align: center;
    width: 200px;
    float: left;
    padding: 20px;
    margin: 20px 30px 0 0;
    background: none!important;
    border: none!important;
    font-family: 'Open Sans';
    font-size: 0.95em;
    font-weight: 500;
}

.pdf12-why div {
    width: 70%;
    margin: 0 auto;
    display: block;
    height: 1px;
    background: #e2e2e2;
    margin-bottom: 10px;
}

/*** Konto Aktionen ********/
.acc-l div span {
    color: #ff880b;
    text-shadow: 2px 2px 2px #2f2f2f;
    font-weight: 800;
    font-size: 1.2em;
    line-height: 10px;
}

.lay {
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(200,200,200,0.5);
    top: 0;
    left: 0;
    backdrop-filter: blur(3px);
}

.nl-cons {
    margin: 50px auto;
    max-width: 500px;
    display: block;
    padding: 20px;
    background: #fff;
    border-radius: 20px;}

.nl-cons h4 {
    margin-top: 0;
}

table#cm {
       width: 100%;
    border-radius: 10px;
}

#cm img {
    padding: 20px 20px 0 20px;
width:300px
}

#cm td:nth-of-type(2) {
    vertical-align: middle;
	max-width:400px;
}

#cm span {
   display: inline-block;	
margin-right:20px;
text-align:justify;
}

/********FUNCTIONS12*************/
.table-inf12 {
    margin: 20px 0;
    font-size: 0.85em;
}

.table-inf12 table td {
    padding: 5px;
vertical-align: bottom;}

.table-inf12 table td:nth-of-type(2), .table-inf12 table td:nth-of-type(3), .table-inf12 table td:nth-of-type(4), .table-inf12 table td:nth-of-type(5), .table-inf12 table td:nth-of-type(6), .table-inf12 table td:nth-of-type(7) {
     text-align: center;
	 color:var(--sx-blue);
}

.table-inf12 tr:first-of-type {
    vertical-align: top;
    height: 85px;
}

.table-inf12 tr:nth-of-type(even){background:#f5f5f5}

.table-inf12 table td:first-of-type {
    color: #444!important;
	
	
}

.table-inf12 table tr:first-of-type td:last-of-type div {
    background: var(--sx-darkblue)eb;
    padding: 8px;
    color: #fff;
    border-radius: 17px;
    margin-bottom: -4px;
}

.table-inf12 table tr:first-of-type td:last-of-type {
vertical-align:bottom!important
}

.table-inf12 table tr td:last-of-type {
    text-align:center;
	color:var(--sx-blue);
	
}



.out-desc {
    position: fixed;
    display: flex;
    background: rgba(100,100,100,0.4);
    width: 100%;
    height: 100%;
    left: 0;
    top: 70px;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
	    z-index: 9999;
}

.out-desc div:first-of-type div {
    max-width: 100%;
    padding: 0;
	position:unset!important;
}
.out-desc div:first-of-type {
    width: 500px;
    text-align: justify;
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
	position:absolute;
}

.out-desc img:first-of-type {
    position: absolute;
    top: -50px;
    width: 100px;
    background: #fff;
    border-radius: 50%;
    right: 50%;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px 10px 0 10px;
}

.out-desc h3 {
    text-align: center;
    font-weight: 300;
    margin-top: 51px;
    margin-bottom: 10px;
}

.out-desc span {
    cursor: pointer;
    }

.out-desc div div:before {
    content: "";
    display: block;
    background: var(--sx-blue);
    width: 100%;
    height: 1px;
    margin-bottom: 10px;
}

.table-inf12 table tr:first-of-type td:first-of-type {
    cursor: default!important;
}

tr.tr-sel:nth-of-type(even){background:linear-gradient(to right,#f5f5f5 75%,rgba(41, 64, 117, 0.8));}
tr.tr-sel:nth-of-type(odd){background:linear-gradient(to right,#fff 75%,rgba(41, 64, 117, 0.8));}

/*************** 12er Seite Update ****/

.short-desc span {
    color: #43bf43;
    background: #fff;
    float: left;
    border-radius: 50%;
    padding: 0 6px;
    margin-right: 5px;
}

.short-desc {
    margin: 5px 10px 5px 0;
    background: #ffed6d;
    float: left;
    font-size: .8em;
    font-family: Open Sans,sans-serif;
    font-weight: 800!important;
    padding: 3 8;
    color: #685e5e;
}

/*** PAKETE NEU***/

.mfeat .mainh span {
    color: #777;
    margin-left: 0;
    font-weight: 300;
}

.mfeat .info-func table {
    margin: 0;
    display: inline-block;
}

.perf12 .mfeat div.info-func {
    background: none!important;
    border: none!important;
    cursor: default!important;
    display: inline-block;
    float: left;
}

.mfeat .info-func table {
    margin: 0;
    display: inline-block;
    max-width: 500px;
    width: 500px;
}

.mfeat img {
    width: 120px;
    margin-right: 20px;
    display: inline;
}

.pdf12-legend {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.pdf12-legend div {
    float: left;
    margin: 5px;
    display: inline-flex;
    color: #fff;
    padding: 5px 10px;
    filter: drop-shadow(0px 0px 1px rgba(200,200,200,.8));
    background: linear-gradient(to right, var(--sx-blue), #6483cc,var(--sx-blue));
    border-radius: 10px;
    border: 1px solid #e8e8e8;
    cursor: pointer;
    box-shadow: 0 0 6px rgba(100,100,100,0.4);
}

.pdf12-legend div img {
    margin-right: 5px;
    margin-top: -2px;
    float: left;
    filter: brightness(0) invert(1);
}

#pc12{display:none}

.out-desc img {
    margin: 5px 5px 0 0;
}

#lay-desc {
    display: none;
    background: rgba(100,100,100,0.7);
    z-index: 100;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

#all-func > tr> td:nth-child(2) > div:nth-child(3) > p > span {
    display: none;
    float: right;
    margin-top: 5px;
}

.out-desc span img {
    position: unset!important;
    width: auto!important;
    transform: none!important;
    float: right;
    padding: 0!important;
    margin-top: -9px;
    margin-right: -9px;
}

.mfeat h4 span {
    color: var(--sx-blue);
    font-weight: 600!important;
}

.mfeat span {
    font-family: Open Sans,sans-serif;
    font-weight: 600!important;
	color:var(--sx-blue);
	font-size:1.6em;
}

.mfeat table td:first-of-type {
    padding-right: 20px;
}
.mfeat table td {
    vertical-align: middle;
    height: 100px;
    text-align: justify;
	font-family:Open Sans, sans-serif;
	font-weight:100
}

.mfeat table{margin-bottom:80px}

.mainfunc .mainh {
    position: sticky;
    top: 0;
}

.out-desc div div li {
    list-style: none;
}

.out-desc div div li:before {
    content: "\2022";
    color: var(--sx-blue);
    font-weight: 700;
    display: inline-block;
    width: 0.6em;
    margin-left: -1em;
    font-size: 24px;
    line-height: 0em;
    transform: translateY(4px);
}

#description .out-desc h3 {font-weight:600}

#gop{color:#ff660b;font-weight:normal;font-size:1em;cursor:pointer;font-family:Roboto, sans-serif}
#gop:hover{color:#444}

/**** PERFECT 12 @MEDIA ****/

@media screen and (max-width: 860px){
	
	#main-content .one_third, .two_third, #main-content .one_third, .two_third {
    margin-right: 0!important;
    width: 100%!important;
}
	.top-info {
    position: relative;
    width: auto;
    max-width: 92%!important;
}
	.lang{position:relative;}
	
	.pdf12-legend {
    display: inline-block;}
	
	.info-func table{max-width:450px}
	
	.info-func tr:nth-of-type(2) td {
    padding-top: 20px;
}

.mainfunc .mainh {
position: relative;margin-bottom:60}

.mainfunc{
overflow: visible;
height: auto;}


.table-inf12 table td:first-of-type{padding:20px 0}


.show-sc {
    top: 100px;
    right: 110px;
    z-index: 999;
}

#all-func>tbody>tr>td>div:nth-child(3) {
    position: fixed;
    top: 250px;
    left: 15px;
    box-shadow: 0 0 20px rgb(0 0 0 / 30%);
}

}

/*
.s12 img {
    filter: drop-shadow(0px 20px 15px rgba(0,0,0,.3));
    border-radius: 30px;
    perspective-origin: left;
    transform-style: preserve-3d;
    transform-origin: center;
    transform: perspective(300px) rotateY(
5deg) rotateX(
1deg) translateX(200px);
    max-width: 1100px;
    position: relative;
    z-index: 300;
}
*/

.s12 .bg {
    border-radius: 30px;
    position: relative;
    z-index: 300;
    max-width: 1100px;
    left: 50px;
	
}

.s12 .sh, .shbg {
    position: absolute;
    z-index: 150;
    top: 106px;
    max-width: 1100px;
    left: 77px;
    border-radius: 50px;
}

.srow {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 40px 0;
    margin-top: 50px;
    margin-left: 50%;
    margin-right: 50%;
    transform: translate(-50%,-50%);
    width: 100vw;
    position: relative;
    z-index: 200;
	margin-top:400px;
	
}

.srow:after {
    content: "";
    background: url(/res/img/srow_bg.png) center center no-repeat;
    background-size: cover;
    width: 100vw;
    height: 500px;
    positioN: absolute;
    z-index: 100;
    margin-top: 500;
}

.s12 {
    transform:translateY(100px);
    position: relative;
    z-index: 999;
}

.srow div div {
    position: relative;
    z-index: 300;
    background: rgba(255,255,255,0.85);
    padding: 10px 20px;
    border-radius: 40px;
    margin-left: 120px;
    width: 400px;
}

.s12 div p {
    text-align: justify;
    margin-right: 80px;
    font-family: Open Sans, sans-serif;
    letter-spacing: 0.3px;
    color: #666;
}

.s12 h4 {
    font-family:Roboto,sans-serif;
    font-size: 2em;
    margin-bottom: 10px;
}

div.bull { 
    border: 2px solid var(--sx-orange);
    width: 20px!important;
    height: 20px;
    display: block;
    border-radius: 50%;
    float: left;
    margin-left: 0!important;
    margin-right: 10px!important;
	cursor:pointer;
}

div.bull.active{background:  var(--sx-orange); transition:all .3s linear}





.sleft{animation: flylefts .3s;transform-origin:left;transform-origin:left;}

@keyframes flylefts{
	0%{transform:scale(0.3) translateX(-100px);  }
		100%{transform:scale(1) translateX(0px);}
		
}

.shbg{z-index:130!important;}

@media screen and (max-width: 1770px){.s12 div.one_third.last_column, .s12 div.two_third{clear:both!important;float:none!important}

}

/*Neu in editions*/

#all-func>tbody>tr>td>div:nth-child(3) span img, #opt-be td:nth-child(2) div:nth-child(2) span  img{
    width:auto!important;
}

#opt-off td:nth-child(2) div:nth-child(2)>span>img, #opt-fin td:nth-child(2) div:nth-child(2)>span>img, #opt-be td:nth-child(2) div:nth-child(2)>span>img,  #opt-ppe td:nth-child(2) div:nth-child(2)>span>img , #opt-eRe td:nth-child(2) div:nth-child(2)>span>img{
    width: 24px!important;
    max-width: 24px!important;
    float: right;
    position: absolute;
    right: 10;
    bottom: 5;
}





/*XXXXXXXXXXXXXXX*/



.v12pay .payment {
    float: left!important;
    border: none!important;
    box-shadow: none!important;
    display: block;
    margin-left: 20px!important;
    filter: grayscale(1) opacity(.3);
}



/*.ed.v12pay {
    position: absolute;
    right: -150;
    top: 20;
    z-index: 1;
}
*/






#opt-fin>tbody>tr>td:nth-child(2)>div:nth-child(2), #opt-off>tbody>tr>td:nth-child(2)>div:nth-child(2), #opt-be>tbody>tr>td:nth-child(2)>div:nth-child(2), #opt-ppe>tbody>tr>td:nth-child(2)>div:nth-child(2), #opt-eRe>tbody>tr>td:nth-child(2)>div:nth-child(2){
	
	top:auto!important;
}

#opt-fin>tbody>tr>td:nth-child(2)>div:nth-child(2):before, #opt-off>tbody>tr>td:nth-child(2)>div:nth-child(2):before, #opt-be>tbody>tr>td:nth-child(2)>div:nth-child(2):before, #opt-ppe>tbody>tr>td:nth-child(2)>div:nth-child(2):before, #opt-eRe>tbody>tr>td:nth-child(2)>div:nth-child(2):before{
	content: "";
    width: 0;
    height: 0;
    position: absolute;
    border-left: 24px solid #444;
    border-right: 12px solid transparent;
    border-top: 12px solid #444;
    border-bottom: 20px solid transparent;
	/*bottom: 18px!important;*/
 }
 
 

.ratepdf div.stars {
  width: 270px;
  display: inline-block;
}

input.star { display: none; }

label.star {
  float: right;
  padding: 10px;
  font-size: 36px;
  color: #444;
  transition: all .2s;
}

input.star:checked ~ label.star:before {
  content: '\f005';
  color: #FD4;
  transition: all .25s;
}

input.star-5:checked ~ label.star:before {
  color: #FE7;
  text-shadow: 0 0 20px #952;
}

input.star-1:checked ~ label.star:before { color: #F62; }

label.star:hover { transform: rotate(-15deg) scale(1.3); }

label.star:before {
  content: '\f006';
  font-family: FontAwesome;
}
 
.ratepdf{width:600}

.sxacc-listbutt.disabled {
    background: #ccC!important;
    border-color: #ccc!important;
}

.ratepdf div:nth-of-type(2){display:block;max-width:270px}

.neg-reas {
    color: #de6868;
    font-weight: 800!important;
    margin-bottom: 15px;
}

.rt-app {
    width: 250;
    padding: 20;
    margin: 30 50;
    font-family:Roboto,sans-serif;
    font-weight: 400;
    position: relative;
    float: left;
    box-shadow: 0 0 16px rgb(0 0 0 / 40%);
    height: 300px;
    background: #fff;
    border: 1px solid #eee;
}

.rt-app div:nth-of-type(4):before {
    content: '~';
    margin-right: 3px;
    font-size: 30px!important;
    line-height: 12px;
    transform: translateY(3px);
    display: inline-block;
}

.rt-app div:nth-of-type(4) {
    position: absolute;
    font-style: italic;
    color: #999;
    font-size: 15px!important;
    bottom: 10;
    right: 10;
}

.rt-app div:first-of-type {
    font-weight: 400!important;
    font-size: .8em;
    position: absolute;
    top: 0;
    left: 0;
    padding: 10;
    color: #999;
	font-style:italic;
}

.rt-app div:nth-of-type(3) {
    text-align: justify;
    display: block;
    width: 100%;
    clear: both;
}

.rt-app .st {
    display: block;
    width: 100%;
    
}

.sh-st:before {
    content: '\f005';
    font-family: 'FontAwesome';
    font-size: 30px;
    float: right;
    filter: drop-shadow(0px 0px 1px rgba(100,100,100,0.8));
	margin: 0 3;
}

.sh-st{color: #ffd53c;}

.review-box {
    background-image: linear-gradient(
160deg,#6482cd,var(--sx-blue),#6482cd)!important;
    background-repeat: no-repeat!important;
    background-attachment: fixed!important;
    background-size: cover!important;
	margin:30px 0;
}

.wr-rev {
    color: #fff;
    margin: 0 0 20 0;
    font-size: 0.9em;
}

/*** SVG ANIMATION PDF 12 FUNCTIONS12*************/

.path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: dash 3s linear forwards infinite;
}
.path2 {
  stroke-dasharray: 200;
  stroke-dashoffset: 200;
  animation: dash 3s linear forwards infinite;
}

@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}

.poly{animation: growpoly 3s linear forwards infinite;}

@keyframes growpoly {
  0%   {opacity:0}
  33%   {opacity:1}
  100% {opacity:1}
}

/* UPGRADE 10 auf 11 im KONTO*/

.upgr-me span{display:block!important;margin-bottom:10}

.upgr-me {
    margin: 20 0;
    border: 1px solid #ccc;
    padding: 10;
    border-radius: 3px;
    box-shadow: 0 0 10px rgb(100 100 100 / 5%);
    position: relative;
	display:none!important;
}

.upbtn {
    margin-top: 10;
    cursor: pointer;
    color: #fff;
    background: linear-gradient(to bottom, var(--sx-blue), var(--sx-darkblue),var(--sx-blue));
    display: inline-block;
    padding: 5 10;
    font-weight: 600;
    letter-spacing: 0.2;
    border-radius: 3px;
}

.upgr-me .inf {
    position: absolute;
    top: 0;
    right: 0;
    padding: 3 10 5 10;
    background: #999;
    color: #fff;
    font-weight: 800;
}
.upgr-me img {
    width: 100px!Important;
    float: right;
}

/*GUTSCHEINE UND AKTIONEN*/

.discount-container {
    padding: 0 10 20 10;
    margin: 10 0;
    position: relative;
    border-bottom: 1px solid #9a9a9a;
}

.discount-container:last-child {
      border-bottom: none!important
}

input.welcCode {
    border: none!important;
    color: var(--sx-blue);
    font-size: 1.2em;
    display: inline-block;
    width: auto;
    margin: 20 0;
    inline-size: unset!important;
}

.codecopied {
    position: fixed;
    top: 50px;
    background: #57ef57;
    padding: 10;
    left: 50%;
    right: 50%;
    transform: translateX(-50%);
    width: 150px;
    color: #444;
    z-index: 9999;
}

.copy {
    border: 2px solid #fff;
    padding: 5 10px;
    display: inline-block;
    cursor: pointer;
    background: #57ef57;
    color: #333;
    outline: 2px solid #4fdf4f;
    box-shadow: 0 0 10px rgb(200 200 200 / 50%);
}

.discount-container .mon {
    background: var(--sx-blue);
    position: absolute;
    top: 0;
    right: 0;
    padding: 5;
    color: #fff;
}

.prods {
    border-bottom: 1px solid #ccc;
    display: inline-block;
    margin-top: 15px;
    font-size: .8em;
    cursor: pointer;
}

.prods span {
    margin-left: 5px;
    margin-top: 0px;
    display: inline-block;
    transform: translateY(2px);
    color: #888;
}

.prods-content {
    display: none;
    padding: 10px!important;
    background: #fff;
    border-collapse: separate;
}

.prods-content td {
    font-size: .7em;
    padding-right: 10px;
    padding-top: 5px;
    font-weight: 600;
    color: #444;
}

.serv-err {
    color: #e30c0c!important;
    background: rgba(255,255,255,0.7);
    padding: 20px;
    backdrop-filter: blur(10px);
    margin: 20px 0;
    font-weight: 600;
}

.top-tab {
    display: inline-block;
    position: absolute;
    top: -34px;
    background: #8d8d8d;
    left: -1;
    padding: 3px 10px;
    border-radius: 3px 3px 0 0;
    cursor: pointer;
    color: #111;
}

.top-tab.active {
    background: var(--sx-orange);
    color: #fff;
    font-weight: 400;	
	cursor:default!important;
}

div[data-id=del-acc] .sxaccbutt {
    font-weight: 400;
    display: inline-block;
    width: auto!important;
    padding: 5px 15px!important;
    border-radius: 3px!important;
    margin: 5px 10px 0 0px;
	cursor:pointer;
}

div[data-id="del-acc"] .sxaccbutt:hover {
   color:var(--sx-blue);
   background:transparent;
	}

/********** UNRELEASED *********/
.l-unr {
    position: absolute;
    z-index: 999999;
    width: 100%;
    height: 100%!important;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(150,150,150,0.25);
cursor: not-allowed!important;

}

.l-unr div {
    transform: rotate(
350deg);
    transform-origin: bottom;
    width: 150px!important;
    background-color: rgb(235 76 76 / 90%)!important;
    border-radius: 0!important;
    border: 1px solid rgb(235 76 76 / 90%)!important;
    position: relative!important;
    display: block!important;
    margin: auto;
    margin-top: 40px;
}

#gobuy12 .l-unr {
    border-radius: 25px;
}

#gobuy12 .l-unr div {
    margin-top: 13px;
}

table#nl-inf {
    margin-top: 10px;
}

table#nl-inf td:nth-child(2) {
    padding-left: 10px;
    transform: translateY(-21px);
}

table#nl-inf td span {
    color: var(--sx-blue);
    font-style: italic;
    font-weight: 600;
}

.sxaccbutt.btn-back {
    display: inline-block;
    width: auto!important;
    padding: 5px 20px;
    cursor: pointer;
}
.sxaccbutt{cursor:pointer}

span#onlydevs {
    margin-left: 10px;
    font-weight: 800;
}

#sx-nlsub .ml {
    display: inline-flex;
    align-content: center;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to bottom, #fbfbfb,#fff,#fbfbfb);
    padding: 5px 10px;
    border-radius: 15px;
    border: 1px solid #f1f1f1;
    box-shadow: 0 0 10px rgb(200 200 200 / 10%);
    margin-bottom: 10px;
}

#sx-nlsub .ml img {
    width: 50px;
    margin-right: 20;
}

.ml-msg {
    display: flex;
    align-items: center;
    align-content: center;
    font-size: 1.1em;
	margin:20 0;
}

.ml-msg div {
    color: #15b915;
    margin-right: 4px;
    font-size: 30px;
    margin-top: -2;
    filter: drop-shadow(2px 2px 1px green);
}

.ml-msg div.r {
    filter: drop-shadow(1px 1px 1px red)!important;
    color: #de6868!important;
    margin-top: -7px!important;
    margin-right: 6px;
}

div[data-id=nl-acc] .sxaccbutt {
    transform: translateY(15px);
    margin-left: 5px;
    padding: 5px 10px;
}

/*STARTSEITE FEB2022*/

.hometop02-22 {
    position: relative;
    min-height: 500px;
    margin-top: -10px;
    display: flex;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    padding-bottom:120px;
	
}

.hometop02-22:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    width: 100vw;
    background: radial-gradient(farthest-corner at 30% 50%,var(--sx-blue),#00325b);
}

.hometop02-22 img {
    padding: 40px 20px 40px 0;
    width: 546px;
    display: block;
    margin: 0 auto;
    padding-left: 0px;
	animation:flyinhome 1.7s cubic-bezier(.62, -0.36, .4, 1.28);opacity:1!important

}

@keyframes flyinhome{
0% {transform:scale(0) translateX(-500px);opacity:0;}
100% {transform:scale(1) translateX(0px);opacity:1}
}

.hometop02-22 h2 {
    color: #fff!important;
      font-weight: 800;
    font-size: 2.8em!important;
    letter-spacing: 1px;
	text-shadow: 0px 2px 1px #000;
}

.hometop02-22 h3 {
    color: #fff!important;
    font-weight: 400;
    margin-top: -3px;
    text-shadow: 0px 2px 1px #000;
    margin-bottom: 20px;
}

.hometop02-22 .two_third.last_column {
    display: flex;
    flex-direction: column;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
    align-items: baseline;
}

.hometop02-22 span {
    color: #fff;
     font-size: 1.3em;
    filter: drop-shadow(1px 1px 1px black);
    letter-spacing: 0.5px;
}

.hometop02-22 .btn, .hometop02-22-cont .btn {
    color: #fff;
    float: left;
    margin: 10 20 30 0;
    background: #ff7804;
    padding: 8px 24px;
    border-radius: 8px;
    transition: all .2s ease-in;
    cursor: pointer;
    font-family: Open Sans,sans-serif;
    font-weight: 800;
}

.hometop02-22 .btn:hover, .hometop02-22-cont .btn:hover {background:#c36400;}

.hometop02-22sdk img {
    max-width: 450px;
    float: left;
	z-index:100;
	position:relative;
	filter: drop-shadow(0px 0px 12px rgba(100,100,100,0.3));
}

.hometop02-22sdk .sdk-bullets {
    float: left;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: rgba(255,255,255,0.5);
    display: inline-block;
    margin-right: 20px;
    border: 3px solid #ff7804;
    filter: drop-shadow(0px 0px 12px rgba(100,100,100,0.3));
	position:relative;
	z-index:50;
	
}

.hometop02-22sdk .sdk-bullets.active {
    background:#ff7804;
}

.hometop02-22sdk {
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    display: inline-flex;
	padding-top:80px;
}

.hometop02-22-cont {
    position: relative;
    min-height: 500px;
    margin-top: -18px;
}

.hometop02-22-cont:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-78%);
    height: 100%;
    width: 100vw;
    background-image: url(/res/img/banner0723.jpg);
    z-index: 10;
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
    background-color: var(--sx-blue);
}

.hometop02-22-cont .imp {
    z-index: 200;
    position: relative;
    margin-bottom: 60px;
    float: right;
    margin-top: 60px;
}

.hometop02-22-cont h2 {
    color: #fff!important;
      font-weight: 800;
    font-size: 2.8em!important;
    letter-spacing: 1px;
	text-shadow: 0px 2px 1px #000;
}

.hometop02-22-cont h3 {
    color: #fff!important;
    font-weight: 400;
    margin-top: -3px;
    text-shadow: 0px 2px 1px #000;
    margin-bottom: 20px;
}

.hometop02-22-cont span {
    color: #fff;
     font-size: 1.3em;
    filter: drop-shadow(1px 1px 1px black);
    letter-spacing: 0.5px;
	
}

.hometop02-22-cont .layer:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    width: 100vw;
    background: linear-gradient(to right,rgb(69 94 154 / 0%) 25%,rgb(69 94 154 / 100%) 64%);
    z-index: 50;
}

.acc-rev{margin-top:20}

.cat-block-title, .cat-block-title {
    height: 226px;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    font-size: 35px;
    border-radius: 18px 18px 0 0!important;
}

.cat-block-item-text, .cat-block-item-text {
    font-size: 18px;
    color: #000;
    text-align: justify;
    text-align-last: center;
    -moz-text-align-last: center;
    margin-bottom: 10px;
min-height: 100;}

#navigation-menu>ul.sf-menu {
   margin-top: 5px;
}

/******************* SDK 16 NEu ******************/

.sdk16-top h2 {
    font-family: Open Sans,sans-serif;
    font-weight: 1000;
    font-size: 2.4em!important;
    text-shadow: 0px 0px 1px var(--sx-blue);
}

.sdk16-top h3 {
    margin-top: -7px;
    float: right;
    margin-right: 20px;
    color: #787878;
    padding-bottom: 18px;
    font-weight: 700;
    font-family: Open Sans, sans-serif;
}

.sdk16-top div{text-align:justify;color: #858585;}

img.sdk16-title {
    max-width: 550;
    filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.9));
	margin-top:60;
}

.sdk16-top input[type=button], .sdk16-inv input[type=button], .sdk16-feat input[type=button], .sdk16-supp .inf .btn, .sdk16-pres input[type=button] {
    background: var(--sx-orange);
    padding: 12px;
    margin: 30px 10px 20px 0;
    font-size: .9em;
    font-family: Open Sans,sans-serif;
    font-weight: 600;
    color: #fff;
    border: 1px solid var(--sx-orange);
    border-radius: 10px;
    cursor: pointer;
    letter-spacing: 1px;
    text-transform: uppercase;
    width: 171px;
}

.sdk16-pres input[type=button] {
    width: 300px!important;
}

.sdk16-feat input[type=button] {
    margin: 20px 20px 0 0;
    width: 170px;
}

.sdk16-top input[type="button"]:hover,.sdk16-inv input[type="button"]:hover, .sdk16-pres input[type="button"]:hover {
background: var(--sx-blue);
border:1px solid var(--sx-blue);
transition:all 0.2s ease-in}

.sdk16.dev-umg div {
    margin-right: 30px!important;
    font-size: 1.1em;
    padding: 0;
    color: #999999;
    border: none!important;
    margin-bottom: 10px;
    font-family:Roboto,sans-serif;
    background: linear-gradient(342deg,#6084ff44,#c8d4ff54,#6084ff44);
    padding: 5px 30px;
    border-radius: 20px;
    box-shadow: -9px 7px 10px #d9d9d9;
	margin-left:30px
}

.sdk16.dev-umg{position:relative;margin-bottom:0!important}

.sdk16-conv img {
    filter: drop-shadow(1px 1px 2px rgba(64,64,64,.9));
    display: block;
    margin: 0 auto 0 auto;
}

.sdk16-feat img {
    filter: drop-shadow(1px 1px 1px rgba(260,260,260,0.6));
    display: block;
    margin: 0 auto 0 auto;
}

.sdk16-feat div.desc, .sdk16-conv div.desc {
    color: #fff;
    margin-top: 20px;
    text-align: justify;
    font-family: 'Open Sans';
}

.sdk16-feat h2, .sdk16-conv h2  {
    font-family: 'Open Sans';
}
.dev-umg.sdk16 img {
    float: left;
    margin-top: 3px;
    margin-bottom: 15;
    margin-right: 20px;
    filter: hue-rotate(202deg) brightness(0.5) drop-shadow(2px 4px 2px var(--sx-blue));
    transform: rotateY(525deg);
}





.sdk16-cust h2 {
    text-align: center;
    margin-top: 0;
    font-family: Open Sans,sans-serif;
    font-weight: 600;
}



.sdk16-cust a:hover {
    background:var(--sx-blue)!important;
	border-color:var(--sx-blue)!important;
	color:#fff!important;
	transition:all 0.2s linear;
}

.sdk16-supp img {
    max-width: 150px;
    display: block;
    margin: 20 auto 0 auto;
    filter: drop-shadow(2px 4px 6px black);
}

.sdk16-supp .inf {
    margin: auto;
    width: 80%;
    display: block;
    background: linear-gradient(to bottom,var(--sx-darkblue),var(--sx-blue),var(--sx-darkblue));
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0 0 16px rgb(0 0 0 / 30%);
    font-family: Open Sans,sans-serif;
}
.sdk16-supp .inf h3, .sdk16-supp .inf div {
    color: #fff;
    text-align: center;
    font-family: Open Sans, sans-serif;
    font-weight: 800;
    margin-bottom: 10px;
}

.sdk16-supp .btn {
    width: 66%;
    display: block;
    margin: 20px auto!important;
}

.lay-sdk16 {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(64,64,64,.8);
    top: 0;
    left: 0;
	z-index:999999999;
}

.lay-sdk16 .dc {
    display: none;
    background: #fff;
    left: 50%;
    transform: translate(-50%,0);
    top: 20%;
    padding: 20px 40px;
    max-width: 600px;
    position: absolute;
    border-radius: 10px;
	text-align:justify!important;
}

.lay-sdk16 div p{text-align:justify!important;
}

.lay-sdk16 .cl, #ctn-pres .cl, #vi-pres .cl  {
    font-size: 36px;
    color: #fff;
    font-weight: lighter;
    font-family:Roboto,sans-serif;
    cursor: pointer;
    filter: brightness(1.5) drop-shadow(1px 1px 1px #fff);
    padding: 10px;
    position: fixed;
    top: -70px;
    right: -40px;
}

.lay-sdk16 h3 {
    font-family: Open Sans,sans-serif;
    font-weight: 600;
    margin-bottom: 10px;
}

.lay-sdk16 ul.list-10 li {
    filter: hue-rotate(199deg) brightness(0.8);
	font-family: Open Sans,sans-serif;
    margin-left: 0px;
}

.sdk16-supp .inf .btn {
    width: 80%!important;
}

.alr-cl {
    display: inline-flex;
    align-items: center;
    font-family:Roboto,sans-serif;
    font-weight: 500;
	font-size:0.9em; 
}

/*.alr-cl input {
    margin-left: 20;
    color: var(--sx-orange)!important;
    background: none!important;
    border: none!important;
    font-family:Roboto,sans-serif;
    font-size: 1.1em!important;
    text-decoration: underline;
    cursor: pointer;
    letter-spacing: 0.2px;
    font-weight: 600;
}
*/
.desc {
    text-align: justify;
}

.sdk16-pres input {
    margin: 10px 0!important;
    width: 300px;
}

.sdk16-pres #sys-lic{background:var(--sx-blue)!important;border-color:var(--sx-blue)!important}

.sdk16-pres{margin-bottom:-19!important}

#gdpr .regular-checkbox:checked+label:after {    top: -16px!important;}

.sdk16-pres img{display:block;margin:0 auto;filter:drop-shadow(1px 1px 6px rgba(100,100,100,0.6))}

.sdk16-pres-anim{animation:sdk16-anim 0.3s linear;transform-origin:left center}

@keyframes sdk16-anim{
0%{transform:translateX(-250px) scale(0);opacity:0;}
100%{transform:translateX(0) scale(1);opacity(1);}
}

.sdk16-pres-anim-out{animation:sdk16-anim-out 0.3s linear;}

@keyframes sdk16-anim-out{
0%{transform:translateX(0px) scale(1);opacity:1;}
100%{transform:translateX(250px) scale(0);opacity:0;}
}

.ua-war p {
    text-align: justify;
    margin: 0 0;
}

.ua-war div{position:relative}

.ua-war {
  position: relative;
color:#000;
}
.ua-war:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/res/img/ua-war.jpg);
    filter: grayscale(0%) opacity(0.3);
  background-attachment: fixed;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}

.ua-war h2 img {
    width: 65px;
    transform: translateY(20px);
    margin-right: 20;
    border-radius: 50%;
}

.ua-war h2 {
    margin-bottom: 20;
}

.ua-war-banner img {
    float: left;
    width: 25;
    border-radius: 50%;
    margin-right: 10px;
}

.ua-war-banner {
    display: inline-flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    background: rgba(255,255,255,.15);
    padding: 0;
    cursor: pointer;
    position: absolute;
    z-index: 5;
    transform: translateY(-38px);
    text-shadow: none!important;
}

.ua-war-banner a {
    text-decoration: underline!important;
    color: #ff8319!important;
	text-shadow:none!important;
}

#act-exp {
    overflow: hidden;
    border-radius: 8px 8px 8px 8px;
    padding: 10;
    box-shadow: 0 0 8px rgb(100 100 100 / 40%);
    position: relative;
}

#act-exp .cont {
    padding-top: 30px;
    font-family:Roboto,sans-serif;
    font-weight: 600;
    letter-spacing: .5px;
    position: relative;
}

#act-exp img {
    float: left;
    width: 170px;
    margin: 10px 20px;
    filter: drop-shadow(2px 2px 2px rgba(200,200,200,0.5));
}

.anim-exp {
   height: 1360px;
   width: 100%;
   position: absolute; top:0; left:0;
   background: linear-gradient(45deg,rgb(142 232 20 / 15%) 0%,rgb(142 232 20 / 25%) 46%, rgb(142 232 20 / 15%) 100%);
	
}

#act-exp a.btn {
    display: inline-block;
    margin-top: 20;
    padding: 10px;
}

.old-prod {
    border: 1px solid;
    margin-bottom: 30px;
    padding: 20;
    font-family: 'Roboto';
    font-weight: 600;
    display: flex;
    flex-direction: row;
    align-content: center;
    flex-wrap: nowrap;
    align-items: center;
    background: linear-gradient(to bottom,#ffeb007a,#ffeb00a6,#ffeb007a);
    border-radius: 6px;
    box-shadow: 0 0 10px rgb(100 100 100 / 20%);
}

.old-prod div {
    display: inline-block;
    margin-right: 20px;
    padding: 0px 12px;
    color: #de6868;
    font-size: 28px;
    border-radius: 50%;
    line-height: 28px;
    font-family: 'Roboto';
    font-weight: 800;
    border: 3px solid;
}

span.ypkey {
    float: left;
    margin-right: 5px;
    margin-top: 5px;
}

input.sxacc-listbutt.upg11-12 {
    background: linear-gradient(to bottom, #07bd07,darkgreen,#07bd07);
    margin-top: 15px!important;
    font-size: 1.1em!important;
    font-family: 'Open Sans';
    padding: 5px 20px;
    border-color: #07bd07;
}

/* TUTORIAL EDITOR 12 */

img.pdf12-edit {
    width: 400px;
    float: left;
    filter: drop-shadow(0px 0px 6px rgba(00,00,00,1));
    border-radius: 10px;
	margin-right: 40;
}

div.pdf12-edit{color:#fff;font-family: Raleway!important}

div.pdf12-edit h2, div.pdf12-edit h3{color:#fff!important;font-family:Roboto,sans-serif;}

div.pdf12-edit h2 {
    letter-spacing: 1;
    font-size: 2.5em!important;
    margin-top: -50px;
}




#s-pdf12-edit td:first-of-type div {
    color: var(--sx-blue)!important;
    font-size: 2em!important;
    margin: 20px 20px 10px 10px;
    border: 3px solid;
    border-radius: 50%;
    padding: 2px 14px;
}

#s-pdf12-edit td {
    vertical-align: middle;
    padding-bottom: 20;
}

#s-pdf12-edit td div{
    text-align:justify!important
}

#s-pdf12-edit td:first-of-type img {
    border-radius: 10px;
    border: 1px solid;
    margin-top: 20px;
    box-shadow: 0 0 16px rgb(100 100 100 / 20%);
}

#s-pdf12-edit tr:nth-of-type(odd) {
   padding:20px 0px 50px 0px;
}



img.pdf12-pr:nth-of-type(2) {
    max-width: 665px;
    border-radius: 10px;
    border: 3px solid var(--sx-blue);
    margin-top: 35px;
    transform-style: preserve-3d;
    transform: rotateY(-5deg);
    transform-origin: left;
    box-shadow: 10px 0 10px rgb(200 200 200 / 50%);
}

a.ebtn {
    padding: 10px 20px;
    margin-top: 20px;
    display: inline-block;
    background: #ff880b;
    color: #fff!important;
    font-weight: 600;
    letter-spacing: .8;
    border-radius: 5px;
}

.sxaccform .sxacccapt{text-align:left!important}

#ca {margin-top:-5!important;margin-bottom:10px}

.acc-l div img {
    padding-right: 10!important;
    cursor: pointer!important;
    width: 35!important;
}

img.zoom.sup.actfl {
    padding: 0!important;
    width: 35!important;
    filter: drop-shadow(2px 4px 2px #333);
}

.acc-lg div#lg-sel {
    display: block!important;
}

div#ctn-pres  {
    z-index: 9999999999;
    position: fixed;
    background: #fff;
    left: 50%;
    transform: translate(-50%,0);
    top: 10vh;
    max-width: 1200px;
    max-height:80vh;
}

 div#vi-pres  {
    z-index: 9999999999;
    position: fixed;
    left: 50%;
    transform: translate(-50%,0);
    top: 10vh;
    max-width: 1200px;
    max-height: 80vh;
}

div#ctn-pres object {
    width: 1000px;
    height: 80vh;
	  max-width: 1200px;
    max-height: 80vh;
}

input#tel, .alr-cl input {
    position: fixed;
    right: 0;
    top: 330px;
    background: linear-gradient(to right,var(--sx-blue),#5876bd,var(--sx-blue));
    z-index: 9999;
    padding: 10;
    border-radius: 5px 0px 0 5px;
    letter-spacing: 2px;
    font-family:Roboto,sans-serif;
    font-weight: 800;
    color: #fff;
    font-size: 1.1em;
    cursor: pointer;
    box-shadow: -10px 0 16px rgb(100 100 100 / 20%);
    border: none!important;
}

.alr-cl input {
    top: 378px;
}

.dc.inf.sdk16-supp {
    background: linear-gradient(to bottom,var(--sx-blue), var(--sx-darkblue),var(--sx-blue));
    width: 300px;
    color: #fff;
    font-family: 'Open Sans';
    text-align: center!important;
}

.dc.inf.sdk16-supp h3 {
    color: #fff;
}

.sdk16-supp .btn {
    width: 66%;
    display: block;
    margin: 10px auto 0 auto!important;
    background: var(--sx-orange);
    border: none;
    width: 100%;
    padding: 0 20px!important;
    line-height: 2em;
    font-size: 1.2em;
    text-transform: uppercase;
    font-family:Roboto,sans-serif;
    color: #fff;
    border-radius: 10px;
    cursor: pointer;
}

div#ctn-pres a {
    position: absolute;
    right: 43px;
    color: #fff;
    font-size: 1.1em;
    font-family: 'Montserrat';
    top: -33px;
    display: inline-flex;
    align-content: flex-end;
    align-items: flex-end;
}

div#ctn-pres a img {
    width: 30px;
    filter: brightness(0) invert(1) drop-shadow(2px 2px 1px #444);
    margin-left: 10;
    margin-top: -15px;
}

#vi-pres video {
    border-radius: 20px;
    filter: drop-shadow(0px 0px 16px #444);
}

@keyframes diagonal {
    0% {background-position: 0% 50%}
    100% {background-position: 100% 50%}
}



div#pa-inf {
    background: #fff;
    width: 400px;
    position: absolute;
    left: 50%;
    right: 50%;
    transform: translateX(-50%);
    top: 100px;
    padding: 30px;
    text-align: justify;
	border-radius:10px;
}

#pa-inf img {
    width: 100px;
    margin: 0 auto 30 auto;
    display: block;
}

span.cl-inf {
    font-size: 23px;
    position: absolute;
    right: 3px;
    top: -8px;
    padding: 10;
    cursor: pointer;
    font-family:Roboto,sans-serif;
}

.qhint {
    position: absolute;
    font-size: .8em;
    color: #444;
    
    right:40px;
    transform: translateY(-37px);
}







/**** PASSW֒TER ***/



/************ MPL PREISE ******************/




#qmpl td, #qlam td{padding-right:10px}





#qmpl td, #qlam td{text-align:right;}

 #qlam td {
    text-align: right;
    border-right: 1px solid #ccc;
    padding: 0 5;
}





















/*UPGRADEAKTION PDF11 & alt auf 12Prem*/

.cont-prom12 {
    padding: 20px;
    border: 1px solid #dbd9d9;
    border-radius: 10px;
    margin: 40px 10px;
    box-shadow: 0 0 16px rgb(100 100 100/20%);
    font-family: Open Sans,sans-serif!important;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
     background: rgba(255,255,255,.93);
    position: relative;
    z-index: 200;
	color: #000;
    text-shadow: 0 0 rgb(50 50 50 / 40%);
	    margin-top: 80px;
}

.cont-prom12 h3, .cont-prom12 h4 {
    font-family: Open Sans, sans-serif!important;
}

.cont-prom12 h3{margin-bottom:-15px;    text-align: center!important;}
.cont-prom12 h4{color:#444}

.cont-prom12 .per {
    border: 1px solid #cac7c7;
    display: inline-block;
    padding: 5px 10px;
    background: #f9f9f9;
    color: #666;
    cursor: pointer;
    opacity: .6;
    float: left;
    margin-bottom: 13px;
}

.cqhint {
    position: absolute;
    color: #000;
    transform: translate(28px,-23px);
    font-size: .8em;
}

ul.prem-up12 li::marker {
color: #ff880b;}

ul.prem-up12 li{
    color: #000;
text-shadow: 0 0 rgb(50 50 50 / 40%);}

img.bg-up12 {
    position: absolute;
    top: 462px;
    z-index: -1;
    opacity: .7;
    filter: drop-shadow(0px 24px 2px #000);
    transform: rotate3d(1,0,0,9deg) scale(1.8);
    transform-style: preserve-3d;
    transform-box: fill-box;
    transform-origin: bottom;
}

.upgr12-cont {
    position: relative;
    z-index: 20;
    perspective: 100px;
    width: 66%;
    display: block;
    margin: 0 auto;
    background: rgba(255,255,255,.93);
    padding: 50px;
}

.upgr12-cont .inf{clear:left;margin-top:20px;border:1px solid var(--sx-blue)}

.upgr12-cont .inf span {
    background: linear-gradient(45deg,var(--sx-blue),#7aa1ff);
    color: #fff;
    float: left;
    font-size: 3em;
    padding: 0 20px 1px 20px;
    margin-right: 11px;
}

.upgr12-cont .inf {
    clear: left;
    margin-top: 60px;
    border: 1px solid var(--sx-blue);
    margin-bottom: 0;
    text-align: justify;
    padding-right: 10px;
    background: #fff;
}

.cont-prom12 .per.active {
    background-color: var(--sx-orange)!important;
opacity:1!important;
color:#fff!important;
}

.cont-prom12 .per {
    border: 1px solid #cac7c7;
    display: inline-block;
    padding: 5px 10px;
    background: #f9f9f9;
    color: #666;
    cursor: pointer;
    opacity: .6;
    float: left;
    margin-bottom: 15px;
    margin-top: 15px;
}

.cont-prom12 .per:first-of-type{border-radius:5px 0 0 5px}
.cont-prom12 .per:nth-of-type(2){border-radius:0 5px 5px 0px}

.cont-prom12 input[type=text] {
    line-height: 1.7em;
    border-radius: 3px;
    border-color: #eee;
    margin-right: 20px;
    font-size: 1.2em!important;
}

.cont-prom12 .prd {
    padding: 10px 0;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    font-size: 1.4em;
    color: var(--sx-darkblue);
    letter-spacing: .5px;
}

.cont-prom12 .dev{
    padding: 10px 0;
    border-top: 1px solid #b7b7b7ee;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #b7b7b7ee;
}

.cont-prom12 input[type="submit"] {
    background: var(--sx-blue);
    color: #fff;
    cursor: pointer;
    padding: 9px 20px;
    border: 1px solid var(--sx-blue);
    margin-top: -9px;
    font-size: 1.0em;
	border-radius: 5px;
}

.cont12b {
    background: rgba(255,255,255,.83);
    min-height: 474px;
	
}

.ang span, #res span {
    
    font-size: 3em;
	margin-right:20px;
}

.ang span {color: green;}
 #res span {color:#ff0000}

.ang, #res {
    display: inline-flex;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    padding: 0 10px;
    margin-top: 10px;
    margin-bottom: 20px;
	max-width:500;
}

.ang {background: #e4ffe4;}

 #res {background:#ff000042}

#ang td {
    padding: 3px 20px 5px 10px;
}

#ang tr:nth-child(even) {
    background: rgba(255,255,255,0.8);
}

#ang td button {
    margin: 10px auto 0 auto;
    display:block;
    font-size: 1.1em;
    padding: 5 10px;
    background: linear-gradient(to bottom,var(--sx-blue),var(--sx-darkblue),var(--sx-blue));
    border: var(--sx-darkblue);
    color: #fff;
    border-radius: 5px;
	cursor:pointer;
}

table#ang {
    border: 1px solid #d7d7d7;
}

/*PDF SCHUTZ*/

.pdf12-tutorial td:first-of-type div {
    color: var(--sx-blue)!important;
    font-size: 2em!important;
    margin: 20px 20px 10px 10px;
    border: 3px solid;
    border-radius: 50%;
    padding: 2px 14px;
}

.pdf12-tutorial td:nth-of-type(2){width:40%;text-align:justify;padding-right:20px}
.pdf12-tutorial td:nth-of-type(3){max-width:55%}
.pdf12-tutorial td:first-of-type, .pdf12-tutorial td:nth-of-type(2){}
.pdf12-tutorial td{padding:40px 0;border-bottom:1px solid #eee;vertical-align:middle}



.pdf12-tutorial td:nth-of-type(2) div, .pdf12-tutorial td:nth-of-type(2) div p {
    line-height: 1.5em;
    font-size: 1.04em;
    letter-spacing: .3px;
	text-align:justify
}

.pdf12-tutorial h3 {
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--sx-blue);
    display: inline-block;
}

#sdkmnt td{padding-right:10px}
#sdkmnt td:first-of-type {
	width:80px;
    text-align:right;
}

#sdkmnt .sdkcl {
	color:#999!important;
}

.dir {
    transform: scale(1.2);
    position: relative;
    background: #ebedf4;
    animation: blbg 1.5s linear;
    box-shadow: 0 0 16px rgb(200 200 200 / 50%);
}

@keyframes blbg{
0%{background-color: #FFCCCC;}
25%{background-color: #EBEDF4;}
50%{background-color: #FFCCCC;}
100%{background-color: #EBEDF4;}
	
}

#tk-inf td{padding:0 3}

.layer-coupon .sos-in {
    background: #fff;
    width: 650px;
    padding: 20px;
    border-radius: 30px;
	position:relative;
	z-index:9999;
	font-family:Roboto,sans-serif;
}

.layer-coupon h3 {
    margin-top: -18px;
    font-family:Roboto,sans-serif;
	filter: drop-shadow(4px 8px 4px rgba(100,100,100,0.4));
}

.layer-coupon h2 {
      font-family:Roboto,sans-serif;
	  filter: drop-shadow(4px 8px 4px rgba(100,100,100,0.4));
}

.layer-coupon .btn {
   border-radius:8px!important;
    font-family:Roboto,sans-serif;
border:1px solid var(--sx-blue)!important;box-shadow: 0 0 10px rgb(100 100 100 / 60%);}

.layer-coupon img {
    width: 200px;
    filter: drop-shadow(4px 8px 4px rgba(100,100,100,.4));
}



.layer-coupon .s-div{    width: 100%;
    background: #AEF1AA;
    height: 2px;
    margin-top: 10px;
margin-bottom: -10px;}

.layer-coupon {visibility:visible}

.layer-coupon input[name=coupon] {
    border: 1px solid #16df0a;
    padding: 5px 10px;
    border-radius: 10px;
    margin-left: 10;
    background: #ebffea;
}

/*SUPPORTSEITE PDF 12*/

.ent h3, .ent h4 {
margin-top: 0px;}

.ent h2{
margin-top: 40px;}

.ent{margin-bottom:40px;}

.ent .cat-block-item-btn {
    max-width: 140px;
    height: 35px;
    background: var(--sx-orange);
    line-height: 35px;
    font-size: 18px;
    margin-right: 20px;
	margin-top:20px;
}

.ent .cat-block-item-btn:hover{color:var(--sx-orange);background:transparent!important}



.tut-inf a {
    display: block;
    }

.tut-inf a {
    display: block;
    margin-top: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family:Roboto,sans-serif;
    font-weight: 800;
    color: #0057d9;
    text-shadow: 0 0 #2a2a2a;
	transition:all 0.3s ease-in;
}

.tut-inf a:hover {
    color:#6c8bff!important;
	letter-spacing:4px;
	padding-right:10px;
	
}

.tut-inf a:after {
    content: ">";
    margin-left: 10px;
    font-size: 1.3em;
    color: #999;
	text-decoration:none!important
}

.ent div {
    margin: 20px 0;
    color: #444;
    letter-spacing: 0.5px;
}

.supp12cont {
    margin-top: -10px!important;
	background: linear-gradient(#f2f2f2,#79b5ff);
}

.tut-inf {
    display: flex;
    padding: 10px 10px 10px 0;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    font-size: 1em;
    color: #555;
    letter-spacing: .5px;
    text-align: justify;
    border: 1px solid #f2f2f2;
    margin: 20px 0;
    background: linear-gradient(to right, #f5f6fd, #e9ebfb,#f5f6fd);
    box-shadow: 0 0 10px rgb(200 200 200 / 20%);
    border-radius: 3px;
}

.tut-inf div,.tut-inf h3{margin-left:20px}


.cat12 {
    background: #f1f1f1;
    font-family:Roboto,sans-serif;
    font-size: 1.3em;
    width: 31.3%;
    display: inline-block;
    text-align: center;
    padding: 5px 0;
    letter-spacing: 2px;
    font-weight: 400;
    margin-top: 20px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-left: none;
    color: var(--sx-blue);cursor:pointer
}

.cat12.active{background:var(--sx-blue);color:#ccc;}

headq {
    font-family:Roboto,sans-serif;
    font-size: 1.2em;
    background: #f1f1f1;
    display: block;
    margin-top: 20px;
    padding-left: 10px;
    letter-spacing: 2px;
    color: #444;
    padding-top: 4px;
    padding-bottom: 4px;
    border: 1px solid #e5e5e5;
}

faqcontent {
    font-family:Roboto,sans-serif;
    font-size: 1.05em;
    display: block;
    margin-bottom: 0;
    padding-left: 10px;
    letter-spacing: 1px;
    color: #444;
    background: #eaf1ff;
    display: none;
    padding: 7px 10px;
    text-align: justify;
	border: 1px solid #e5e5e5;
	border-top:none!important;
	}

headq .stg {
    float: right;
    margin-right: 10px;
    font-size: 1.3em;
    margin-top: -7px;
    color: var(--sx-darkblue);
    font-weight: 800;
    cursor: pointer;
	transition:all 0.3s ease-in;
}

headq .stg.open{transform:rotate(180deg);}

div#faq12 {
    margin-bottom: 60px;
}

div#stopanim {
    font-size: 0.8em;
    margin-top: 2px;
    margin-left: 5px;
    color: #999;
    cursor: pointer;
    text-decoration: underline;
}

 .out-desc{font-family:Open Sans, sans-serif; letter-spacing:1px;font-size:1.1em;padding: 0 20px 20px }
 .out-desc h2{letter-spacing:2px;font-size:2em!important;margin-bottom:20px}

.out-desc div:first-of-type {
    max-width: 700px;
    width: auto!important;
    padding-left: 40px;
    font-size: 0.9em;
    border-radius: 20px;
}

#prom-buy td:first-of-type {
    width: 250px;
    text-align: right;
    padding-right: 12px;
}

.nlinfo-del .nl-cons {
    max-width: inherit!important;
    border-radius: 0!important;
    margin: 0;
    background: #ff6a0038;
}

.nlinfo-del div div {
    float: left;
    font-size: 2.2em;
    font-weight: bold;
    font-family: 'Open Sans';
    margin-right: 20px;
    color: #ff6a00;
    filter: drop-shadow(0px 1px 1px grey);
}

/* COUPON PDF12 */
.coupon-prod12 {
    text-align: left;
}

#info-upgr input.btn {
    margin: 3px 20 0 0!important;
    background: var(--sx-blue);
    color: #fff;
    font-family: 'Open Sans';
    border: 1px solid var(--sx-blue);
    padding: 4px 8;
    border-radius: 3px;
    font-size: 1.0em!important;
}

.coupon-prod12 img {
    float: right;
    width: 150px;
    transform: rotate(345deg);
    margin-top: -10px;
}

.coupon-prod12 input[name="pcode"] {
    margin-right: 20;
    font-size: 1.2em;
    line-height: 1.5em;
    padding: 0 5;
    max-width: 100px;
    border-radius: 5px;
    border-color: #eee #ccc #eff;
}

.nl-disc p {
    text-align: justify;
}
.nl-disc {
    font-family: Open Sans,sans-serif;
    max-width: 400px;
    font-size: .85em;
    background: url(/res/img/nldisc.png) no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 5px 15px;
    margin-bottom: 20px;
    border-radius: 3px;
    letter-spacing: .4px;
    box-shadow: -20px 0px 16px rgb(64 64 64 / 20%);
    position: fixed;
    right: 20;
    bottom: 66px;
    z-index: 903;
}

#getcode {
    float: right;
    display: inline-block;
    background: linear-gradient(#00af00,#05cc05,#00af00);
    padding: 3px 13px;
    color: #fff!important;
    border-radius: 4px;
    margin-top: 30px;
    margin-bottom: 10px;
	cursor:pointer;
}

.nl-disc span:hover {
    font-weight: bold;
    color: #c66500;
}
.nl-disc span {
    font-size: 0.8em;
    text-decoration: underline;
    position: absolute;
    right: 10;
    cursor: pointer;
}

.nl-disc img {
    position: absolute;
    bottom: 6px;
    width: 85px;
    z-index: 2;
    left: 100px;
}

/*PDF10 AKtiONSSEITE SX GIVEAWAY */
.pdf10-GA h3, .pdf10-GA h2 {
    display: inline-block;
    letter-spacing: 2px;
    margin-top: 20px;
    font-family:Roboto,sans-serif;
}

img.ty-sx {
    transform-style: preserve-3d;
    transform: rotateY(-29deg) rotateX(41deg) rotateZ(10deg);
    transform-origin: center;
    filter: drop-shadow(10px 4px 6px rgba(64,64,64,.8));
    max-width: 350px;
    float: right;
}

.sx-ty-bg{background-color:red!important}

.pdf10-GA p{text-align:justify}

.pdf10-GA{font-family:Open Sans, sans-serif;letter-spacing:0.3}

form[name="sXgiveaway"] {
    margin: 20px 0;
    display: inline-flex;
    align-content: center;
    align-items: center;
	position:relative;
}

form[name="sXgiveaway"] .btn {
    background: var(--sx-blue);
    margin-left: 20px;
    font-family: Roboto ,sans-serif;
    color: #fff;
    line-height: 1.8em;
    padding: 0 20px;
    font-size: 1.1em;
    border: 1px solid var(--sx-blue);
    cursor: pointer;
}

form[name="sXgiveaway"] input[type="text"] {
    margin-left: 20px;
    line-height: 1.6em;
    font-size: 1.1em;
}

.ty-app10 {
    padding: 20;
    margin: 20px 0;
    background: #8eff8e;
    font-family: Open Sans, sans-serif;
}

.gift-prem10 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: rgba(255,255,255,0.5);
    border: 1px solid rgba(69,94,154,.3);
    border-radius: 12px;
    padding: 16px 20px;
    margin: 20px 17px;
    font-family: "Raleway",sans-serif;
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: .5px;
    color: #333;
    box-shadow: 0 4px 12px rgba(0,0,0,.06);
    box-sizing: border-box;
}

.gift-prem10 a {
  display: inline-block;
  padding: 10px 18px;
  background: rgba(69,94,154,1);
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  border-radius: 8px;
  transition: background 0.3s ease, transform 0.2s ease;
  white-space: nowrap;
}

.gift-prem10 a:hover {
  background: #e85c00;
  transform: translateY(-2px);
}

.gift-prem10 strong {
  color: #ff660b;
}

.contactbox-outer{display:none!important}

.banner-gift-prem10 img {
    max-width: 50px;
    float: left;
    margin: 3 20 0 0;
    filter: drop-shadow(0px 7px 5px #5c5c5c);
}

.banner-gift-prem10 {
    max-width: 436px;
    margin-top: 20px;
    padding: 10 20 10 10;
    background: rgba(255,255,255,.4);
    border-radius: 40px;
    box-sizing: border-box;
    width: auto;
}

.s12 div.one_third.last_column div {
    background: #fff!important;
}

.bfactive{background-color:rgb(20,20,20)!important}

.\31 ypdf12{display:none}

/*BF-Counter*/

div#bf-promo { position: relative; }

.bf-box {
    background: linear-gradient(to bottom,#505050,#000,#505050);
    display: inline-flex;
    text-align: center;
    padding: 10px 24px;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0 0 16px rgb(100 100 100 / 70%);
    align-content: center;
    justify-content: center;
    align-items: center;
    font-family: Roboto;
    position: absolute;
    bottom: 41px;
    transform: scale(.8) translateX(48%);
    margin: 0 54%;
    min-width: 360px;
}

.bf-box div { font-size: 1.4em; color: #fff; letter-spacing: 1px; font-weight: 600; font-family: 'Roboto' }

.bf-box span { display:block;color:#fff }

.bf-box a { display:block;margin-top:10px;color:#fff;text-decoration:none;background:#F23535;display:inline-block;padding:5px 20px;border-radius:10px;border:3px solid #f23535;margin-top:20px }

.bf-cntbox bg { padding:3px;box-sizing:border-box;border-radius:3px;color:#444;font-weight:500;color:#fff }

.bf-cntbox { background:linear-gradient(to bottom,#505050,#030303,#505050);display:inline-block;width:auto;clear:left;padding:8px;margin:20px auto;color:#fff!important;box-shadow:0 0 10px rgba(100,100,100,0.5);position:relative;font-size:0.9em!important;border:1px solid #030303 }

@media screen and (min-width: 480px) and (max-width: 719px){
.bf-box {
   transform: scale(.7) translateX(-39%);
   
}
}

bfbox {
    position: fixed;
    top: 280px;
    width: 200px;
    font-family: Montserrat;
    background: #141414;
    color: #fff;
    padding: 10px 20px;
    text-align: center;
}

img.bfhint {
    position: absolute;
    top: 0;
    width: 150px;
    filter: drop-shadow(2px 4px 6px black);
}

/* ACHIP XMAS*/

.adv12-xm22 {
    padding: 10px 20px 20 20;
    margin: 30px 0 10;
    border: 1px solid #940101;
    font-family: Montserrat;
    position: relative;
    font-size: .9em;
    background: linear-gradient(45deg, #d7000010, #d7000020, #d7000059);
    box-shadow: 0 0 16px rgb(210 210 210 / 80%);
}

.adv12-xm22 h4 {
    margin-top: 0;
    font-size: 14pt;
    font-family: Montserrat;
    color: #940101;
    font-weight: 450;
}

.adv12-xm22 span {
    display: block!important;
    font-size: 0.9em;
    letter-spacing: 0.5px;
    margin-top: -5px;
    margin-bottom: 10px;
}

.adv12-xm22 form {
    margin-top: 17px;
}

.adv12-xm22 form input[type="submit"] {
    background: #940101;
    color: #fff;
    font-family: 'Montserrat';
    padding: 5px 0;
    width: 100%;
    border: 1px solid #940101;
    font-size: 1.05em;
    letter-spacing: .5px;
    font-weight: 500;
    cursor: pointer;
}

#act-exp input[type=submit] {
    margin: 10px 0;
    font-size: 1em;
    background: 0 0;
    border: none;
    color: #ff660b;
    font-weight: 550;
    cursor: pointer;
    font-family:Roboto,sans-serif;
}

#act-exp input[type=submit]:hover {
   color:#333
}

.emod{
    display: none;
    position: fixed;
    z-index: 999999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.9);
	font-family:Roboto,sans-serif;
}

.emod .ynot {
    position: absolute;
    top: 50%;
    left: 60%;
    transform: translate(-50%,-50%);
    color: #fff;
    padding: 20px;
    letter-spacing: 2px;
    text-align: center;
}

.emod:after {
    content: "";
    display: block;
    background: url(/res/img/wait12.png);
    width: 100%;
    height: 100%;
    background-position: left bottom;
    background-size: cover;
}

.emod h2 {
    color: #fff!important;
    font-size: 2.5em!important;
    margin-bottom: 30px;
}

.emod span{font-size:1.8em}

.emod .yep {
    background: #fff;
    display: block;
    margin: 60px auto;
    width: 440px!important;
    font-size: 1.7em;
    color: #333;
    font-weight: 500;
	cursor:pointer;
}

.dontwant {
    padding: 5 20px;
    cursor: pointer;
    position: absolute;
   right: 2px;
    top: 0;
    background: rgba(255,255,255,0.93);
    z-index: 9999;
    font-size: 32pt;
    font-family:Roboto,sans-serif;
    font-weight: 300;
    color: #000;
}

.togo {
    font-family: Dancing Script;
    font-weight: 800;
    margin-left: 6px;
    font-style: oblique;
    color: var(--sx-blue);
    font-size: 1.2em;
    margin-right: 6px;
    text-shadow: 0 1px #000;
    }

#logo h1 a, #logo .site-name a{margin-left:-20px!important}

#page-content-title #page-title h1 {
    padding-left: 0!important;
    margin-left: 0;
}

input.sxacc-link {
    padding: 0!important;
    width: auto!important;
    color: #ff660b;
    background: none!important;
    border: none!important;
    text-decoration: underline!important;   
}

.mpl2go {
  position: relative;
color:#000;
padding:20px 0;
}

.mpl2go:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/res/img/sxMPL.png);
    background-attachment: fixed;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
	filter: opacity(0.7) brightness(0.8);
}

div#subtogo {
    padding: 10px 20px;
    margin: 10px auto;
    background: rgba(255,255,255,.7);
    backdrop-filter: blur(10px);
    border-radius: 30px;
    box-shadow: 0 0 20px rgb(100 100 100 / 50%);
    width: 80%;
}

#subtogo p {
    text-align: justify;
}

.mpl-start {
    margin: 20px 0 60px;
    text-align: justify;
}

.mpl-start img {
    margin-right: 30px;
    filter: drop-shadow(1px 1px 1px rgba(100,100,100,.9));
    width: 200px;
    margin: 20px 30px 20px 0;
}
table.mpl-trial {
    margin: 60px 0;
}

table.mpl-trial td:first-of-type {
    width: 300px;
    padding-right: 40px;
}

table.mpl-trial {
    margin: 60px 0;
    text-align: justify!important;
    line-height: 1.5em;
}

table.mpl-trial p{text-align:justify}

div#mpl-prom {
    position: absolute;
    background: #90ff90;
    top: -69px;
    z-index: 2;
    padding: 3px 20px;
    display: inline-block;
    right: 0;
    width: 500px;
    color: #000;
    filter: drop-shadow(2px 6px 6px #444);
}

.mpl-end {
    background: #f6f6f6;
    padding: 20px;
    border-radius: 10px 10px 0 0;
}

#wrapper-1{overflow-x:visible!important}
#top-wrapper{position:sticky;top:0;z-index:99999}

.perf12 {
    margin-top: -35px;
}

#main-menu{box-shadow: 0 20px 16px rgb(100 100 100 / 30%);}

/** SDK 16 PROS **/

.sdk16-pros {
    margin: 64px 20px 50px 20px;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0 0 16px rgb(100 100 100/20%);
    border: 1px solid #ececec;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to bottom,#6084ff44,#c8d4ff54,#6084ff44, #fff 90%);
    background-attachment: fixed;
}

.sdk16-pros span {
    font-family: Montserrat;
    font-weight: 700;
	text-align:center
}

.sdk16-pros img {
    filter: drop-shadow(1px 2px 1px rgba(100,100,100,0.5));
    margin-top: 0px;
}

.\31 ypdf12 img {
    border-radius: 50%;
    float: left;
    margin-right: 20px;
    width: 100px;
    filter: drop-shadow(10px 10px 8px rgba(10,10,10,0));
    margin-top: 20px;
}

.\31 ypdf12 {
    padding: 20px;
    margin: 30px 0;
    background: var(--sx-blue);
    overflow: hidden;
    filter: drop;
    Font-family: Montserrat;
    letter-spacing: .5px;
    border-radius: 40px;
    box-shadow: 31px 20px 16px rgb(100 100 100 / 20%);
    color: #fff;
}

.\31 ypdf12  h4{color:#fff!important}

/* 2CHECKOUT */

.pdf12-surv-cont {
    position: fixed;
    height: 100vh;
    width: 100vw;
    background: linear-gradient(to right,#f2f2f2,#f9f9f9, #f2f2f2);
    z-index: 99999999;
    left: 0;
    top: 0;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.pdf12-surv textarea {
    max-width: 100%;
    width: 100%;
    margin: 0 0 20px 0;
}

.pdf12-surv {
    max-width: 550px;
    padding: 0 20 20;
    border: 1px solid #ececec;
    box-shadow: 0 0 16px rgb(100 100 100 / 20%);
    background: #fff;
}

.pdf12-surv input[type=submit] {
    background: var(--sx-blue);
    padding: 10px 20px;
    width: 100%;
    text-align: center;
    color: #fff;
    letter-spacing: .3;
    font-weight: 600;
    border: 1px solid var(--sx-blue);
    cursor: pointer;
}

.pdf12-surv li {
    font-style: italic;
    font-size: 0.9em;
    line-height: 1.2em;
}

div#txt-count {
    margin-top: -20px;
    font-size: 0.7em;
    color: var(--sx-blue);
    margin-bottom: 20px;

}

.ty-surv-cont {
    margin: 30px 0;
    text-align: justify;
}
.paym-rec {
    background: #1e8e02;
    margin: 30px 0;
    font-family: Open Sans,sans-serif;
    padding: 10px 20px;
    font-size: 1.2em;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    flex-wrap: nowrap;
    letter-spacing: 1px;
    color: #fff;
    box-shadow: 0 0 10px rgba(100,100,100,.3);
    border-radius: 3px;
}

.paym-rec span {
    color: #1E8E02;
    background: #fff;
    font-size: 2.5em;
    padding: 0px 13px 2px 15px;
    border-radius: 50%;
    font-weight: 800;
    text-shadow: 0 1px 2px BLACK;
    margin-right: 20px;
    line-height: 1.3em;
    transform: rotate(13deg);
}

.ratings {
    clear: both;
    text-align: left!important;
    display: inline-block;
}

.mainfunc {
    display: none!important;
}

/* HANDY OPTIMIERT 03/23 */

#wrapper-1{max-width:100%!important;}
@media screen and (max-width: 600px) {
	
	body,html{max-width:100%!important; overflow-x: hidden!important;}
	
	.hometop02-22-cont h2 {margin-top:-30px;font-size:2.2em!important; color:var(--sx-blue)!important; text-shadow: 0 0 1px #fff!important}
	
	.hometop02-22 .btn, .hometop02-22-cont .btn{margin:10px 0!important}
	
	.hometop02-22-cont .btn:nth-of-type(2){margin-bottom:40px!important}
	
	.hometop02-22-cont:before{background-color:none!important; z-index: 99; opacity:0.6; background-position: 35% center;}
	
	.hometop02-22-cont h3 {color:var(--sx-blue)!important;font-weight:600;text-shadow: 0 0 1px #fff!important}
	
	.hometop02-22-cont span {color:#fff!important;background-color:var(--sx-blue)73;margin-top:30px!important}
	
	.banner-gift-prem10{
		background:#eee!important;
		padding:20px;
		margin-top:100px!important;
		margin-bottom:-70px!important;
		box-shadow:0 0 16px rgba(50,50,50,0.3);
		width:100%;
	}
	
	.banner-gift-prem10 a{
		margin-top:10px;
		font-family:Open Sans, sans-serif;
	}
	
	.banner-gift-prem10 img{width:80px!important}
	
	div#logo {
    margin: 10px auto;
    display: block;
}

.home #logo h1 a, .home #logo .site-name a {
    background: transparent url(/res/img/logo.png) no-repeat 0 20%!important;
}

#main-menu{position:sticky!important;
top:0;}

.phone-number.grid_7.prefix_17 {
    width: 100%;
    display: inline-flex;
    justify-content: center;
}

	.phone-number.grid_7.prefix_17 select{border-radius:20px;}
	
	#top-wrapper {
    padding-bottom: 0px!important;
}

.cat-block-item{padding: 5px 10px}

.cat-block{width:100%!important;margin-bottom:60px!important}

.block-products {width:100%!important;box-sizing:border-box!important;}
	
.cat-block .cat-block-item-btn, .block-products .cat-block-item-btn {width:100%!important; margin:20px 10px!important;font-size:1.1em!important;box-sizing:border-box!important;}	

.block-products .cat-block-item-btn{max-width:130px!important}

.block-products-item{background:none!important}

.block-products-item-title a{margin-top:20px!important}

.newsglocke .showbell{display:none!important}

#footer-bg{height:130px!important}


.sdk16-top input[type="button"], .sdk16-top .pdf-pres, .sdk16-top .vid-pres{width:100%!important;margin:10px 0!important;clear:both;float:none!important }

.sdk16-top .pdf-pres{transform:translateY(10px)}

.sdk16-top .vid-pres{transform:translateY(30px)}


img.sdk16-title{clear: both;
    float: none;
    max-width: 94%;
margin: 70px 3% -68px;}


.dev-umg.sdk16 img {
    margin-top: 50px!important;
	padding:50px 0!important;
}

.sdk16.dev-umg div {
    margin: 5px!important;
}

.sdk16-pres img{display:none!important;height:0px!important;width:0!important}

.sdk16-inv img{width:100%!important;margin:50px 0px -30px -30px!important}

#tel{top:-55px!important;position:absolute!important;right:-20px!important; background: linear-gradient(to right,#78d57b,#3be140,#78d57b)!important;padding:10px 20px!important;border-radius:5px!important}

#new{display:none!important}

.lay-sdk16 .dc{top:21.5%!important; position:fixed!important;left:0!important;margin:0!important;transform:none!important;padding:5px!important;width:98%!important;z-index:99999999999;height:100%;overflow-x:scroll!important}

.lay-sdk16 .cl{top:140px!important;right:-20px!important;z-index:999999999999!important;color:#000!important;transform:scale(1.5)!important;font-weight:800!important}

#bg-rob{transform:scale(1.3) translateY(-30px)!important}

.mpl-start img{display:block!important;margin: 0 auto 20px auto!important;float:none!important;clear:both!important}

.mpl-trial td{width:100%!important;display:block!important}

#kontaktformular, #kontaktformular form{box-sizing:border-box!important;max-width:100%!important; overflow:visible;}

#kontaktformular input, #kontaktformular textarea{max-width:100%!important;display:block!important; box-sizing:boder-box!important;overflow:hidden!important}
.dsgvoschloss{display:block!important;max-width:100%!important;width:50%!important;float:none!important;margin-top:40px!important;clear:both!important}

#qmpl{float:none!important;display:block!important; margin:20px 0!important;}


.perf12 .pdf12-choice {
    transform: scale(1) translateY(0)!important;
}

.s12{display:none!important}

.two_third h3.subh {
    display: none;
}

.one_third.last_column h3.subh {
    display: none;
}

.\31 ypdf12 img {
    display: block;
    margin: 0 auto;
    float: none!important;
}

.pdf12-choice{margin-bottom:20px!important}

.coupon-prod12 img{display:none!important}

.pdf12-pakete {
    max-width: 96%!important;
    min-width: 200px!important;
    height: auto!important;
    margin: 0px 2%;
    border: none!important;
}


#opt-be, #opt-fin, #opt-off,#opt-ppe,.ed.v12pay, .v12pay,#opt-eRe{display:none!important}

.v12pay{margin:0!important}

div#price {
    position: relative!important;
    float: none!important;
    margin-top: 140px!important;
    margin-bottom: -20px!important;
    display: block!important;
}
	
	.pdf12-pakete .description, .opt-func12 {
    height: auto!important;
}

.kasse {
    position: relative!important;
    display: block;
    width: 94%!important;
    max-width: none!important;
    margin: -30px auto -40px auto!important;
    padding-right: 0px!important;
}

.pdf12-pakete img {
    margin: 0 auto!important;
    display: block;
}


table.func-inc {
    margin-bottom: 50px!important;
    margin-top: -16px!important;
    border-bottom: 3px solid var(--sx-darkblue);
}


.pdf12-pakete td a {
    margin-bottom: 30px!important;
    display: inline-block!important;
}

/*.table-inf12 div table tr td:first-of-type div{display:none!important}*/

.table-inf12 table td:first-of-type img {
    display: none!important;
}

.table-inf12 table{max-width:100%}

.table-inf12 h3 {margin-bottom:40px}

.table-inf12 table tr:first-of-type img {
    width: 300px!important;
}



div#dashboard {
    max-width: 400px;
    box-sizing: content-box;
    display: block;
    margin-left: 10px;
}

.welcome-acc{display:none!important}


.ent img:first-of-type {
    max-width: 90%!important;
    margin-left: 30px!important;
}


.ent .cat-block-item-btn {
    width: 100%!important;
    max-width: 100%!important;
    
}

.ent {
    max-width: 90%!important;
    margin-left: 0px;
    left: 20px!important;
}



.bull-con {
    display: none!important;
}

div[data-id="sel1"], div[data-id="sel2"] {
    display: block!important;
}

}

@media screen and (max-width: 720px) {
	
.cb-cont.cb-inf{max-width:90%}

div#nav-layer {
    position: fixed;
    top: 134px;
    z-index: 9999999999;
    background: linear-gradient(to bottom, #fff,#f9f9f9);
    height: 100vh;
    width: 100vw;
}

.newnav {
    text-align: center;
    width: 100%!important;
    padding: 10px 0;
    color: var(--sx-darkblue);
    letter-spacing: 2px;
    font-family: Montserrat;
    font-weight: 600;
    background: #f9f9f9;
    margin-bottom: 10px;
	vertical-align:middle;
	padding:20px 0;
}


.par-nav:after {
    content: ">";
    color: #777;
    font-weight: 400;
    font-family: Open Sans, sans-serif;
    margin-right: 20px;
    float: right;
    font-size: 1.4em;
}


.newnav td:nth-child(1) {
    font-size:2em;
	width: 2%;
}

.newnav td:nth-child(3) {
    font-size: 1.6em;
    vertical-align: middle;
    text-align: right;
	 width: 25%;
}



.newnav td:nth-child(2) {
    width: 70%;
    text-align: left;
    vertical-align: middle;
    padding: 15px 0;
}

navheader {
    
}

navback {
    font-size: 1.2em;
    padding: 5px 20px;
    color: #999;
}

navback span {
    margin-right: 19px;
    font-size: 1.3em;
}

closenav {
    padding: 10px;
    margin-right: 5px;
    font-weight: 400;
}

.nav-itm, .sub-nav-par, div[nav-group] a {
    width: 100%;
    display: block;
    padding: 10px 20px;
    font-size: 1.2em;
    line-height: 1.5em;
    letter-spacing: .7px;
    color: #565656!important;
    margin-top: 6px;
    font-family: Helvetica;
    box-sizing: border-box;
    letter-spacing: 1px;
}

.nav-itm span {
    float: right;
    font-size: 1.4em;
    color: #555!important;
}

.phone-number.grid_7.prefix_17 {
    width: 100%!important;
}

img.hb-nav {
    width: 40px;
    margin-left: 56px;
    padding: 0px 5px;
    margin-top: 5px;
}


div#sub-nav {
    position: absolute;
    top: 43px;
    width: 100%;
    background: #fff;
    height: 100vh;
    transform: translateX(100%);
	transition: transform 0.5s ease-in;
}

#sub-nav.flyin{
	transform: translateX(0)!important;
}


#logo h1 a, #logo .site-name a {
    margin-left: -20px!important;
    filter: drop-shadow(0px 0px 1px black);
}

.cat12{width:100%!important}

.show-sc {
    top: 150px;
}

.out-desc {
    width: 100%!important;
    margin-top: 60px;
}

.out-desc > div > img{display:none!important}

.out-desc h3{margin-top:10px!important}

.klaro .cookie-notice {z-index:99999999!important}

.klaro .cn-notice {
    margin: 76px 0!important;
    padding-bottom: 70px!important;
}

.out-desc div:first-of-type {
    max-width: 370px;
    margin-top: 0px!important;
}

#all-func>tbody>tr>td>div:nth-child(3) {
    max-width:80%!important;
    left: 59px!important;
    top: 500px!important;
}


.klaro .cookie-modal .cm-btn.cm-btn-success, .klaro .cn-notice .cm-btn.cm-btn-success, .cm-link.cm-learn-more {
    width: 95%!important;
    text-align: center!important;
    margin-left: 1%!important;
    padding-left: 0!important;
    padding-right: 0!important;
    clear: both!important;
    float: none!important;
    display: block!important;
}

#all-func>tbody>tr>td>div:nth-child(2), .table-inf12 div table tr td:first-of-type div, .vorwort span.lquest, #opt-be td:nth-of-type(2) div, #opt-fin td:nth-of-type(2) div, #opt-off td:nth-of-type(2) div,  #opt-ppe td:nth-of-type(2) div, #opt-eRe td:nth-of-type(2) div, #all-func > tr > td:nth-child(2) > div:nth-child(2) {
    transform: scale(1.5);
    position: absolute;
    right: 20px;
    margin-top: 14px;
	z-index:10!important;
}


.table-inf12 div table tr td:first-of-type div {
    margin-top: -20px!important;
}

#kontaktformular form table td {
    max-width: 283px;
    display: block;
}

.mpl2go:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/res/img/sxMPL.png);
    background-attachment: unset;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    filter: opacity(.7) brightness(.8);
}


div#kontaktformular table tr:last-of-type td {
    width: 100%!important;
    display: block;
} 

div#kontaktformular table tr:last-of-type td .dsgvoschloss {
    width: 100%!important;
    display: block;
}
img#sx-balloon{display:none}
}

img#sx-balloon {
    position: absolute;
    top: 213px;
    left: 20px;
    width: 396px;
    transform: translateY(100vh);
	transition:transform 2.5s ease-out;
}

#sx-balloon.go-to-top{transform:translate(0)!important}




.cb-cont.cb-inf {
    /*top: 300px;
    left: 50%;
    right: 50%;
    transform: translateX(-50%);*/
    width: 550px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #099145;
    padding: 10px;
    height: min-content;
    box-sizing: content-box;
    background: linear-gradient(45deg, #d5ffe0, #dbffe8);
}









/* PP12 *****************************************/

.pp12container {
    margin-top: -10px!important;
}

.pp12-buy-cont {
    font-family: Open Sans, sans-serif;
    letter-spacing: 0.3;
}

.pp12-sel {
    padding: 5px 20px;
    border: 2px solid var(--sx-blue);
    display: inline-block;
    margin-right: 20px;
    font-size: 1.1em;
    border-radius: 5px;
    Color: var(--sx-blue);
	cursor:pointer;
}

.pp12-sel.active {
    background: var(--sx-blue);
    color: #fff;
}

.pp12-btn-cont {
    margin-top: 10px;
}

.pp12-btn-cont span {
    font-weight: 600;
    font-size: 1.4em;
    font-family: Open Sans,sans-serif;
    margin-right: 50px;
    letter-spacing: 1px;
}

.pp12-price-info {
    font-size: 0.8em;
    margin-top: -10px;
    margin-bottom: 20px;
    color: #595757;
}

.pp12-mfeat{
    margin: 80px 0;
   
	clear:both
}

 .pp12-hlg {
   
    
	clear:both
}

img.pp12-ssh {
    filter: drop-shadow(0px 10px 16px rgba(0,0,0,0.25));
	margin-bottom:50px
} 

.pp12-main-head::before {
    content: "";
    display: block;
    width: 100%;
    background: linear-gradient(to right, transparent, var(--sx-blue), transparent);
    height: 2px;
    margin-bottom: 30px;
    margin-top: -51px;
}

img.pp12-ad{margin: 20px auto;
    max-width: 451px;
    display: block;
filter: drop-shadow(0px 0px 16px rgba(100,100,100,0.2));}

.pp12-hlg h2, .pp12-mfeat h2 {
      letter-spacing: 1px;
    
    text-transform: uppercase;
    margin-bottom: 30px;
}

.pp12-hlg p {
    text-align: justify;
  
    line-height: 2em;
}

img.pp12-ad2 {
    max-width: 180px;
    float: right;
    margin-top: 0px;
}

.pp12-mfeat li {
    font-size: 1.2em;
    padding-left: 10px;
}

.pp12-mfeat ul {
    margin: 20px 0;
}
.pp12-mfeat li::marker {
    color: #445e9a;
}

.pp12-mfeat h2{text-align:left!important}

.pp12-main-head {margin:80px 0 40px 0;clear:both}

.pp12-main-head h2{font-size:2.5em!important;text-transform:uppercase;font-weight:800;letter-spacing:1.5px}

.pp12-main-head h3{font-size:1.8em!important;font-weight:400;margin-top:-7px;margin-bottom:10px;letter-spacing:1.5px}

.pp12-main-head span {
    
   }

.pp12-main-head {
    font-family: Roboto, sans-serif;
   
}

.pp12-main-head p {
    text-align: justify!important;

}

.pp12-func {
    padding: 5px 30px;
    background: #feb785;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    font-family: Roboto, sans-serif;
    letter-spacing: 1px;
    font-weight: 600;
    margin: 20;
    float: left;
    font-size: 1.2em;
    cursor: pointer;
    box-shadow: -10px -2px 10px rgba(55,55,55,0.1);
    border: 1px solid #feb785;
    border-radius: 13px 0;
}

.pp12-top-more {
    clear: both;
}

div#pp12-buy {
    background: var(--sx-blue);
    display: inline-block;
    position: fixed;
    top: 200px;
    right: 20px;
    z-index: 9999;
    font-size: 1.3em;
    font-family:Roboto,sans-serif;
    padding: 1px 20px;
    border: 2px solid var(--sx-blue);
    color: #fff;
    font-weight: 600;
    box-shadow: 0 0 10px rgba(55,55,55,0.2);
    cursor: pointer;
	transform:translate(300px);
	transition:all 1s linear;
	}

.pp12-show{
transform:translate(0)!important;
}

.pp12-btn-cont a {
    text-decoration: underline;
    letter-spacing: 1px;
    font-size: 1.2em;
}

.pp12-anim {
    display: flex;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    filter: drop-shadow(2px 4px 2px rgba(20,20,20,0.3));
	min-height:500px;
}

.pp12-anim img{
	display:block;
margin:0 auto;

}

.pp12-blink{
animation:pp12blinkprinter 0.1s ease-in 3 4.5s;
}

.pp12-fI{
animation:pp12blink 1.5s ease-in;
}

.pp12-sI{
animation:pp12blink1 8s ease-in;
}
.headline{animation:pp12fromleft .8s ease-in;}

@keyframes pp12fromleft{
0% {transform:translateX(-1800px)}
50% {transform:translateX(-1800px)}
100% {transform:translateX(0)}
}

@keyframes pp12blink{
0% {transform:scale(0);opacity:0}
33% {transform:scale(0);opacity:0}
100% {transform:scale(1);opacity:1}
}

@keyframes pp12blink1{
0% {transform:scale(0);opacity:0}
90% {transform:scale(0);opacity:0}
100%{transform:scale(1);opacity:1}
}

@keyframes pp12blinkprinter{
0% {opacity:0}
100%{opacity:1}
}

.showprinter{animation:showprinter 1s ease-in, pp12blinkprinter 0.1s ease-in 3 4.5s;}

@keyframes showprinter{
from {transform:scale(0) opacity(0)}
to {transform:scale(1) opacity(1)}
}

.pp12-bullets div {
    width: 20px;
    height: 20px;
    margin: 20px;
    border-radius: 50%;
    border: 3px solid var(--sx-blue);
    cursor: pointer;
    margin-top: 3px;
}

.pp12-bullets div.active:after {
    background: var(--sx-blue);
    width: 16px;
    content: "";
    display: block;
    height: 16px;
    border-radius: 50%;
    transform: translate(2px, 2px);
}

.pp12-bullets {
    margin-top: 20px;
    margin-left: -20px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
}

span.st-an {
    font-size: 0.8em;
    cursor: pointer;
    text-decoration: underline;
    color: #646464;
}

.pp12-anim .one_third {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.pp12-arr1,.pp12-arr2,.pp12-arr3,.pp12-arr4,.pp12-arr5,.pp12-arr6{
	float:left;
	font-size: 3em;
	color:#5599ff;
}

.pp12-arr4,.pp12-arr5,.pp12-arr6{top: 35%;}

.pp12-arr3 {
   
    animation: goblue3 .5s 3 2.3s ease-in, pp12blink 1.5s ease-in;
}

.pp12-arr2 {
 
   	animation: goblue2 .5s 3 2.3s ease-in, pp12blink 1.5s ease-in;
	}

.pp12-arr1 {
    margin-left:20;
    animation: goblue1 .5s 3 2.3s ease-in, pp12blink 1.5s ease-in;
}

.pp12-arr4 {
    
    animation: goblue4 .5s 3 6s  ease-in, pp12blinkArrows 6s ease-in;
}

.pp12-arr5 {

    animation: goblue5 .5s 3 6s ease-in, pp12blinkArrows 6s ease-in;
}
.pp12-arr6 {
    
    animation: goblue6 .5s 3 6s ease-in, pp12blinkArrows 6s ease-in;
}

@keyframes pp12blinkArrows{
0% {transform:scale(0);opacity:0}
33% {transform:scale(0);opacity:0}
80% {transform:scale(0);opacity:0}
100% {transform:scale(1);opacity:1}
}

@keyframes goblue1{
	0%{color:#000;}
	12%{color:#000;}
	24%{color:#000;}
	36%{color:#5599ff;}
	48%{color:#5599ff;}
	60%{color:#000;}
	72%{color:#000;}
	84%{color:#000;}
	100%{color:#5599ff;}
}

@keyframes goblue2{
	0%{color:#000;}
	12%{color:#000;}
	24%{color:#000;}
	36%{color:#000;}
	48%{color:#5599ff}
	60%{color:#5599ff;}
	72%{color:#000;}
	84%{color:#000;}
	100%{color:#5599ff;}
}

@keyframes goblue3{
	0%{color:#000;}
	12%{color:#000;}
	24%{color:#000;}
	36%{color:#000;}
	48%{color:#000;}
	60%{color:#000;}
	72%{color:#5599ff;}
	84%{color:#5599ff;}
	100%{color:#5599ff;}
}

@keyframes goblue4{
	0%{color:#000;}
	12%{color:#000;}
	24%{color:#000;}
	36%{color:#5599ff;}
	48%{color:#5599ff;}
	60%{color:#000;}
	72%{color:#000;}
	84%{color:#000;}
	100%{color:#5599ff;}
}

@keyframes goblue5{
	0%{color:#000;}
	12%{color:#000;}
	24%{color:#000;}
	36%{color:#000;}
	48%{color:#5599ff}
	60%{color:#5599ff;}
	72%{color:#000;}
	84%{color:#000;}
	100%{color:#5599ff;}
}

@keyframes goblue6{
	0%{color:#000;}
	12%{color:#000;}
	24%{color:#000;}
	36%{color:#000;}
	48%{color:#000;}
	60%{color:#000;}
	72%{color:#5599ff;}
	84%{color:#5599ff;}
	100%{color:#5599ff;}
}

/*NEUE ERECHNUNGSSEITE*/

div#cl-format span {
    margin: 30px 30px 30px 0;
    color: var(--sx-blue);
    letter-spacing: 1;
    font-size: 1.2em;
	cursor:pointer;
	position:absolute;
	bottom:0
	
}

.eformats-container h4 {
    font-size: 1.7em;
    font-weight: 300;
    margin-bottom: 12px;
}

.eformats-container {
    position: relative;
    min-height: 530px;
    display: flex;
    align-content: center;
    align-items: center;
}
.eformats-cont{margin:40px 0;transform:translateY(-70px);
	transition: all .9s ease-out;
	opacity:0;text-align:justify;}

div#cl-format span.active{border-bottom:3px solid var(--sx-blue);padding-bottom:5px;font-weight:bold;font-size:1.1em}

div#cl-format{background:#fff}

.eformats-bot{
	transform:translateY(0px);
	opacity:1!important;

}

.content {
    margin-bottom: 25px;
}

.epflicht{
	margin:50px 0;
}



.epflicht-container ul {
    letter-spacing: 0.3px;
}

div#content-pre {
    position: fixed;
    top: 250;
    background: linear-gradient(45deg, #ecf5f5, #eff5ff);
    padding: 20px;
    border-radius: 3px;
    margin-left: 20px;
    color: #132a5e;
	width:320;
}

.erech-tools-container {
    border: 1px solid #eee;
    border-radius: 3px;
    box-shadow: 0 0 10px rgba(200,200,200,0.4);
    margin: 40px 10px;
}

.erech-tools-content {
    margin: 20px;
    text-align: justify;
}

.erech-tools-content p{
    text-align: justify;
}

btn-erech:hover {
    background: #fff;
    color: var(--sx-blue);
}

btn-erech {
    background-color: var(--sx-blue);
    font-family: Montserrat;
    width: 100%;
    display: block;
    color: #fff;
    font-weight: 600;
    text-align: center;
    padding: 5px 0px;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid var(--sx-blue);
    transition: all 0.4s ease-out;
}

btn-erech:nth-of-type(2) {
    margin-top: 3px;
    transform: translateY(-10px);
}

btn-erech:first-of-type {
    margin-top: 20px;
}

#sdk-erech{margin-top: 40px;}

h2.mh-erech{
    display: inline-block;
    border-left: 3px solid #efefef;
    padding-left: 20px;
    border-top: 3px solid #efefef;
    padding-top: 9px;
    padding-right: 40px;
    padding-bottom: 40px;
}

h3.mh-erech {
    margin-top: -40px;
    margin-left: 23px;
    font-family: 'Montserrat';
    font-weight: 500;
    color: #b5b5b5;
}

.erech-head span {
    float: right;
    font-size: 3em;
    font-family: 'Montserrat';
    margin-top: 27px;
    padding: 10px;
    cursor: pointer;
    color: #777;
	transition:all 0.3s ease-in;
}
.dev-umg div {
    padding: 5px 10px;
    color: #0033a5;
    font-family:Roboto,sans-serif;
    float: left;
    margin-right: 20px;
    border: 1px solid #0033a5;
    border-radius: 3px;
    background: linear-gradient(45deg, #0033a52e, transparent,#0033a52e) fixed;
}

.cat-erech h4 {
    font-size: 1.8em;
    margin-top: 40px;
}

#pdf12-erech .cat-erech ul:before {background-image: url('/res/img/erech2.png');}

.cat-erech ul {
    position: relative;
}

#format-einvoice th {
    background: linear-gradient(to bottom, var(--sx-darkblue), var(--sx-blue),var(--sx-blue));
    padding: 10px;
    color: #fff;
    font-weight: 500;
}

div#pdf12-erech {
    margin-bottom: 60px;
}

.open{transform:rotate(180deg);}

#content-pre .active {
    font-weight: 800;
    text-decoration: underline;
}

#content-pre li{cursor:pointer}

.warn-chip {
    padding: 1px 10px 10px;
    border-radius: 3px;
    background: #903a3aad;
    margin-top: 20px;
    color: #ffd35b!important;
    box-shadow: 0 0 10px rgba(10,10,10,0.4);
}

.warn-chip h5 {
    color: #ffba00!important;
}

/*E-Rechnungen SLIDER*/
























@keyframes ishow{from {transform:scale(0)} to {transform:scale(1)}
}

@keyframes ishow1{
0% {transform: translateX(-500px) scale(0)} 
50% {transform: translateX(-500px) scale(0)}
100% {transform:translateX(0) scale(1)}
}

@keyframes ishow2{
0% {transform: translateY(-500px) scale(0)} 
50% {transform: translateY(-500px) scale(0)}
100% {transform:translateY(0) scale(1)}
}

@keyframes ishow3{
0% {transform: translateX(500px) scale(0)} 
50% {transform: translateX(500px) scale(0)}
100% {transform:translateX(0) scale(1)}
}

@keyframes h1show{
0% {transform: translateY(-500px) scale(0)} 
60% {transform: translateY(-500px) scale(0)}
100% {transform:translateY(0) scale(1)}
}

@keyframes descsho{
0% {transform: translateX(500px) scale(0)} 
70% {transform: translateX(500px) scale(0)}
100% {transform:translateX(0) scale(1);} 
}

@keyframes btshow{
0% {transform: translateY(500px) scale(0)} 
80% {transform: translateY(500px) scale(0)}
100% {transform:translateY(0) scale(1)}
}







































































 





























/******** NEW HEADER **************/

.phone-number-padding{letter-spacing:.5px}
.ua-war-b {
    display: inline-flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    background: rgba(255,255,255,.15);
    padding: 0;
    cursor: pointer;
    z-index: 5;
    text-shadow: none!important;
    margin-right: 30px;
    font-size: 0.9em;
}

.ua-war-b img {
    width: 20px;
    border-radius: 50%;
    margin-right: 5px;
    margin-top: -2;
}

.ua-war-b a {
    color: #5b5b5b;
    
}

.my-acc div:before{content:"\E716";width:auto;display:inline-block;font-family:Segoe MDL2 Assets;font-size:1.5em;margin-right:5px}

.my-acc {
    display: inline-flex;
    margin-right: 20px;
    align-content: center;
    align-items: center;
    justify-content: center;
    color: #5b5b5b;
	cursor:pointer;
	
	}

.my-acc:hover, .ua-war-b a:hover, .phone-number-padding .lgc div:hover,
.nNav:hover, td.nav a:hover, .lgc div:nth-of-type(3){transition:all 0.2s linear; color:var(--sx-blue)!important}

.lgc {
    display: inline-flex; cursor:pointer;
}



.lgc div:nth-of-type(3){color:var(--sx-blue);font-weight:400}

table#header {
    width: 100%;
    padding: 10px;
    border-collapse: separate;
    margin: 0;
}



table#header tr td:nth-child(3) {
    max-width: 650px;
    text-align: left;
    vertical-align: bottom;
}


td.nav {
    letter-spacing: .5px;
    color: #5b5b5b;
	}

td.nav a {
    margin-left: 25px;
    color: #5b5b5b;
    position: relative;
}

.nNav {
    display: inline-block;
    margin-right: 40px;
	cursor:pointer;
}


	


div#navMen {
	display:none;
    position: absolute;
    width: 816px;
    background: #fff;
    padding: 10px;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 10px 10px rgba(100,100,100,0.5);
	border-top:1px solid #eee;
	margin-top:10px
}

table#tNav{width:100%;letter-spacing:.5px}
#tNav td:first-child{width:27%}
#tNav td:nth-child(2){border-right:1px solid #ccc;border-left:1px solid #ccc;padding:0 10px 10px;width:34%}


.tNav,.sNav div,.pNav div, #tNav td:nth-child(2) div{padding:5px;border-bottom:1px solid #eee;margin-bottom:5px;cursor:pointer;}


   
























/*sdk calculator*/












	

	

	





































/* Restyle Editions 12*/




























/*SDK17 & subpages*/

































@media screen and (max-width: 860px) {
	#eI-sl, .mainfunc17 img{display:none!important;}
	.mainfunc17{max-width:80%;margin:20px auto!important;display:block!important;padding-left:10px!important}
	.sdk17-contact-container {flex-direction: column;}
	.sdk17-contact-container a{margin-top:20;}
	.sdk17-hero .one_half:first-of-type{display:none}
	.sdk17-hero div{max-width:95%}
	.sdk17-hero a{z-index:105;position:relative}
	
	
}










































/*E_RECHNUNG*/
















@media screen and (max-width: 600px) {
	
	.third-column {
    width: 100%!important;
}

	.kasse{margin:20px -10!important}
	
	.pdf12-pakete .second-column {width:94%!important;        margin-top: 20px;}
	
	.bb div {
    float: none !important;
    clear: both !important;
    width: 100% !important;
    height: auto !important;
}

.bb img{width:100%!important}

.sx-prod{display:block!important;}

.sx-txt {
    color: #fff!important;
	max-width: 87%!important;
    
}

.sdk17.dev-umg {
 max-width: 92%;
transform: translateX(0px)!important;
 }
.sx-tech div{margin-top:30px!important;margin-bottom:80px!important;flex-flow: wrap!important;word-wrap: break-word!important;}




.sx-tech div, .sx-tech p, .sx-tech ol{color:#fff!important}
.sx-tech-div{display:none!important}
}










.sbox input#s {
        border: 1px solid #eee;
    padding: 3px 10px;
    border-radius: 3px;
}

#searchform {
    background: #fff;
    padding: 5px 5px 5px 10px;
    color: var(--sx-grey);
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    border-radius: 20px;
}




















/*SOLUTIONS*/







.sx-tech div {
    border-radius: 0;
    padding: 30px;
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-weight: 700;
    letter-spacing: .5px;
    display: flex;
    margin: 0 auto;
    font-size: 1.5em;
    min-height: 170px;
    background: linear-gradient(102.12deg,#00295a -13.63%,#043c7d 55.81%);
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
    border-radius: 0px 30px 30px 0px;
}



























































@keyframes slideInFromRight{
	0%, 83.33%{transform:translateX(100%);opacity:0}
	83.34%{transform:translateX(100%);opacity:0}
	100%{transform:translateX(0);opacity:1}}


























    

    /* ---- Typografie (nur über Klassen, nicht direkt h1/h2 etc.) ---- */
    
    
    
    
    
    

    /* ---- Deko & Elemente ---- */
    
    
    

    
    
    

    /* ---- Tabelle ---- */
    
    
    
    
    
    
    

    /* ---- Karten für Stichpunkte ---- */
    
    
    

    /* ---- Footer + Hinweis ---- */
    

    /* ---- Links ---- */
    
    
    

































div#sdk-cust-expand.show{height:auto;overflow:auto} 



div#expand-cust.show:after {
    content: "-";
    color: #fff;
    background: var(--sx-blue);
    border-radius: 50%;
    padding: 0px 19px;
    font-size: 2.7em;
    cursor: pointer;
    display: inline;
    margin: 20px 49%;
}

  #chatbot-toggle {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #0078d7;
    color: #fff;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 24px;
    z-index: 1000;
  }

  /* Widget */
  #chatbot-widget {
    display: none;
    position: fixed;
    bottom: 90px;
    right: 20px;
    width: 300px;
    height: 400px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    flex-direction: column;
    overflow: hidden;
    z-index: 1000;
  }

  #chatbot-header {
    background: #0078d7;
    color: white;
    padding: 10px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  #chatbot-messages {
    flex: 1;
    padding: 10px;
    overflow-y: auto;
    font-size: 14px;
  }

  .user { text-align: right; margin: 5px; color: blue; }
  .bot { text-align: left; margin: 5px; color: green; }

  #chatbot-input-area {
    display: flex;
    border-top: 1px solid #ccc;
  }

  #chatbot-input {
    flex: 1;
    border: none;
    padding: 8px;
  }

  #chatbot-send {
    background: #0078d7;
    color: white;
    border: none;
    padding: 8px 12px;
    cursor: pointer;
  }

.home .srow:after{background:none!important}
  
  .Konfigurator h5 {
    font-size: 1.2em;
    margin-bottom: 6px;
    margin-top: 18px;
}

#content-block-background-1512 {
    background-image: url();
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #dbf0fd;
    background-attachment: scroll;
    background-size: auto;
}

#content-block-background-1821 {
    background-image: url(/res/img/unterpositionen_banner.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-color: ;
    background-attachment: fixed;
    background-size: 100vw;
}

#content-block-background-1588 {
    background-image: url();
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #f5f5f5;
    background-attachment: scroll;
    background-size: auto;
}

/*APPS SEITE*/
.apps-left, .apps-right{
font-size:18px; 
border: 1px solid #FFBF7F;
background-color:#fff;
 padding: 20px; 
margin-bottom:30px;
 border-radius:5px;
 box-shadow: 0px 0px 16px rgba(0,0,0,0.03);
text-align:center;
}

.apps-img{
display:flex;align-items:center;width:85px;height:85px;margin:0 auto; background-color:#ff6600;border-radius:50%;transition:all 0.3s ease;   }

.apps-img img{ margin-left: 11px;}

.apps-img:hover{transform:translateY(-10px); filter: drop-shadow(0px 10px 8px rgba(255,191,127,0.8)); }

.apps-icons {
    float: left;
    width: 150px;
    margin: 10px 60px 20px 0;
    border: 1px solid rgba(0,0,0,.04);
    padding: 10px;
    border-radius: 3px;
    background-color: rgba(0,0,0,.01);
    box-shadow: 0px 0px 16px rgba(230,230,230,.4);
}

.ap-r a {
    display: block; 
}

.alignleft, img.alignleft, a img.alignleft {
    float: left;
    margin: 4px 24px 2px 0;
}

/*PDF VERSCHLUESSELN*/

.rund{
margin:30px 0;
background-position:center center;
  background-repeat:no-repeat;
  border-radius:50%;
  overflow:hidden;
box-shadow:3px 6px 9px #c5c5c5; 
   }

.rund:hover{
   border-radius:0;
   -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; 
box-shadow:none;

}

.rund2{
margin:30px 0;
background-position:center center;
  background-repeat:no-repeat;
  border-radius:50%;
  overflow:hidden;
box-shadow:3px 6px 9px #30416B; 
   }

.rund2:hover{
   border-radius:0;
   -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; 
box-shadow:none;

}

.layer-img1{background-color:rgba(0,0,0,0.15);}

.layer-img1:hover{background-color:rgba(0,0,0,0);
 -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.testimonialimg {width: 90%; 
height: 100px; 
background-repeat: no-repeat;
 background-position: center center;
 margin-bottom: 10px;

}

.preise{
width: 97%; 
height: 150px; 
background-repeat: no-repeat;
 background-position: center center;
}

#content-block-background-1474, #content-block-background-1039, #content-block-background-1887,#content-block-background-1796,#content-block-background-1837, #content-block-background-1039 {
    background-image: url();
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #455e9a;
    background-attachment: scroll;
    background-size: auto;
	color:#fff;
}

/*PDF signieren*/

.unterschrift{background-image:url('/res/img/unterschrift_in_pdf_einfuegen.png');
height:180px;
width:400px;
background-repeat:no-repeat;
border:1px solid #EFEFEF;
box-shadow:1px 1px 1px 1px rgba(219,219,219,0.2);
border-radius:20px;}

@media screen and (max-width:1024px){
.unterschrift{width:100%;height:160px}}

.box-signieren{
  border-radius:20px;
margin:40px 0px;
  border:1px solid rgba(230,230,230, 0.5);
background: no-repeat top right rgba(219,219,219, 0.1);
z-index:100;
width:100%;
min-height:300px;
box-shadow:1px 1px 1px 1px rgba(230,230,230, 0.3);
display: flex;
  align-items: center;
  text-align:justify;}

@media screen and (max-width: 1024px){
  .box-signieren{background-image:none !important;}
}
#signieren-font{padding:30px 20px;width:42%;}

@media screen and (max-width:1024px){
  #signieren-font{width:100%}
}

a.tooltip span {
    z-index:10;
display:none; 
padding:14px 20px;
margin-top:-250px;
        width:100%;
 left:0;

}

a.tooltip:hover span{
    display:inline; position:absolute; 
    }

@media screen and (max-width:800px){
  a.tooltip:hover span{display:none;position:relative}
  }

.callout {z-index:20;position:absolute;top:0;right:0;border-radius:5px;}

.hinweis-support {
    background: #455e9a1c;
    padding: 0 10px 10px;
    border: 1px solid #455e9a;
    margin: 20px 0;
    border-radius: 3px;
    transition: all 1s ease-out;
    z-index: 9999;
}

breadcrumb:after {
    width: 20px;
    display: inline-block;
    content: '→';
    margin-left: 10px;
    transform: translateY(0px);
    font-size: 1.5em;
    line-height: 1em;
    margin-right: 10px;
}

breadcrumb:last-of-type:after {
    display: none;
}

/*SHOPSEITE*/
.shop-zoom {
    background-color: #fff;
    width:100%;
    border-radius: 3px;
    font-size: 17px;
    margin: 40px 0;
    border: 1px solid #efefef;
   box-shadow: 0px 0px 10px rgba(200,200,200,0.1);
    perspective: 2000px;
box-sizing:border-box;
padding:20px;
}

.shop-price{background-color: #ff6600; display:inline-block;float:right;color:#fff!important;padding:5px 10px;position:absolute;left:0;top:0;z-index:1;}

.shop-zoom h2, .shop-zoom h3{letter-spacing:0.5px;font-family:Open Sans;text-align:left!important;padding:0px 20px}

.shop-zoom img {
    display: block!important;
    margin: 20px auto 10px auto!important;
    float: none!important;
       z-index: 2;
    position: relative;

}
.shop-zoom .cat-block-item-btn{font-family:Roboto,sans-serif;text-align:center!important;transition:all 0.2s linear}

.shop-zoom p{color:#444;font-size:15px;font-weight:400; font-family:Roboto, sans-serif;letter-spacing:0.3px;margin-bottom:0px;}

@media screen and (max-width:800px){
.shop-zoom{margin-top:30px}}

/*PDF10 AKtiONSSEITE SX GIVEAWAY */












form[name="sXgiveaway"] .btn {
    background: #455e9a;
    margin-left: 20px;
    font-family: Roboto ,sans-serif;
    color: #fff;
    line-height: 1.8em;
    padding: 0 20px;
    font-size: 1.1em;
    border: 1px solid #455e9a;
    cursor: pointer;
}


.container-GA{opacity:1!important}

.container-GA:before{    
      content: "";
      background-image: url('/res/img/ga-prem10.png');
      background-size: cover;
      position: fixed;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      opacity: 0.85;
}

.page-id-39843 .one_half.last_column {
    background: rgb(255 255 255/78%);
    padding: 0 20px 10px;
    box-sizing: border-box;
    margin: 20px 0 40px;
    box-shadow: 20px 20px 36px rgb(0 0 0 / 50%);
    max-width: 64%!important;
    width: 64%;
}
.page-id-39843 .one_half {
    max-width: 32%;
}











.page-id-39843 .gift-prem10{display:none!important}







  

.pdf10-GA {
    font-family: Open Sans, sans-serif;
    letter-spacing: 0.3px;
    background: rgba(255,255,255,0.7);
    padding: 20px;
    border-radius: 20px;
}

.page-id-268 {
    margin-top: -60px;
    padding: 30px;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    box-shadow: 0 0px 16px rgba(200,200,200,.5);
    background: #f8faff;
}
 
#tNav > tbody > tr > td:nth-child(3) {
    vertical-align: top;
}

@media (max-width: 950px) {
  .responsive-table tr {
    display: flex;
    flex-wrap: wrap;
	max-width:100vw;
  }
	
.logo{margin:0 auto;display:block}
  .responsive-table td {
    flex: 1;
  }

  .responsive-table td.first {
    flex: 0 0 100%;
	max-width: 100vw;
  }
  
  #header > tbody > tr > td.nav > a:nth-child(3),
  #header > tbody > tr > td.nav > a:nth-child(4),
  #header > tbody > tr > td.nav > a:nth-child(5), .sNav, .navArr
  {display:none}
  
#header > tbody > tr > td:nth-child(3) {
    padding-top: 10px;
    max-width: 45vw;
}
  
  td.nav {
    max-width: 46vw;
}
#tNav td:first-child {width:100%}
  }
/* ============================================
   DESKTOP NAVIGATION - Standard
   ============================================ */

#header .nav > a {
    display: inline-block;
    margin-right: 15px;
    text-decoration: none;
    color: #333;
    transition: color 0.3s;
}

#header .nav > a:hover {
    color: #0099cc;
}

/* ============================================
   MOBILE NAVIGATION - unter 950px
   ============================================ */

@media only screen and (max-width: 950px) {
    
    /* --- Menü-Button Mobile --- */
    .nNav {
        display: inline-block;
        cursor: pointer;
        padding: 12px 24px;
        border-radius: 6px;
        margin: 10px 0;
        transition: all 0.3s;
        background: transparent;
    }
    
   
    
    
    
    .nNav input {
        color: #333;
        background: transparent;
        border: none;
        cursor: pointer;
        font-size: 16px;
        font-weight: 500;
    }
    
    /* --- Desktop-Links ausblenden --- */
    #header .nav > a {
        display: none !important;
    }
    
    /* --- Dropdown-Menü Container --- */
    #navMen {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        width: 100%;
        background: #ffffff;
        box-shadow: 0 8px 16px rgba(0,0,0,0.15);
        z-index: 1000;
        max-height: 80vh;
        overflow-y: auto;
        
    }
    
    /* --- Tabellen komplett blockweise --- */
    #tNav {
        display: block;
        width: 100%;
    }
    
    #tNav tbody,
    #tNav tr {
        display: block;
        width: 100%;
    }
    
    #tNav td {
        display: block;
        width: 100% !important;
        padding: 0;
        border: none;
    }
    
    /* ============================================
       EBENE 1: Hauptkategorien (pNav)
       ============================================ */
    
    #tNav tr td:nth-child(1) {
        background: transparent;
        border-bottom: 1px solid #e0e0e0;
    }
    
    .pNav div {
        padding: 16px 20px;
        border-bottom: 1px solid #e8e8e8;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: space-between;
        transition: all 0.3s;
        font-weight: 500;
        color: #333;
        background: transparent;
    }
    
    .pNav div:hover {
        background: transparent;
        color: #0099cc;
    }
    
    .pNav-actItem {
        background: transparent !important;
        color: #0099cc !important;
        border-left: 5px solid #0099cc;
        padding-left: 15px !important;
    }
    
    .pNav-actItem input {
        color: #0099cc !important;
    }
    
    .pNav div input {
        background: transparent;
        border: none;
        width: 100%;
        text-align: left;
        font-size: 15px;
        cursor: pointer;
        padding: 0;
        color: inherit;
        font-weight: inherit;
    }
    
    /* ============================================
       EBENE 2: Unterkategorien (sNav + Links)
       ============================================ */
    
    #tNav tr td:nth-child(2) {
        background: transparent;
    }
    
    /* sNav Items (mit Input-Button) */
    .sNav {
        padding: 14px 20px 14px 35px;
        border-bottom: 1px solid #f0f0f0;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: space-between;
        transition: all 0.3s;
        color: #444;
        background: transparent;
    }
    
    .sNav:hover {
        background: transparent;
        color: #0099cc;
    }
    
    .sNav-actItem {
        background: transparent !important;
        color: #0099cc !important;
        border-left: 4px solid #0099cc;
        padding-left: 31px !important;
        font-weight: 500;
    }
    
    .sNav input {
        background: transparent;
        border: none;
        width: 100%;
        text-align: left;
        cursor: pointer;
        padding: 0;
        color: inherit;
        font-weight: inherit;
    }
    
    /* Normale Links in Ebene 2 (ohne sNav-Klasse) */
    #tNav tr td:nth-child(2) > div:not(.sNav) {
        padding: 14px 20px 14px 35px;
        border-bottom: 1px solid #f0f0f0;
    }
    
    #tNav tr td:nth-child(2) > div:not(.sNav) a {
        display: block;
        text-decoration: none;
        color: #444;
        transition: color 0.3s;
    }
    
    #tNav tr td:nth-child(2) > div:not(.sNav) a:hover {
        color: #0099cc;
    }
    
    /* ============================================
       EBENE 3: Detail-Links (tNav)
       ============================================ */
    
    #tNav tr td:nth-child(3) {
        background: #ffffff;
    }
    
    #tNav tr td:nth-child(3) > div {
        padding: 12px 20px 12px 50px;
        border-bottom: 1px solid #f5f5f5;
    }
    
    #tNav tr td:nth-child(3) a {
        display: block;
        text-decoration: none;
        color: #555;
        transition: all 0.3s;
        position: relative;
        padding-left: 12px;
    }
    
    
    
    #tNav tr td:nth-child(3) a:hover {
        color: #0099cc;
        padding-left: 16px;
    }
    
    #tNav tr td:nth-child(3) a:hover::before {
        color: #0099cc;
    }
    
    /* ============================================
       NAVIGATION PFEILE - Einheitlich für alle
       ============================================ */
    
    .navArr {
        flex-shrink: 0;
        margin-left: 10px;
        width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
  
    
        
    /* ============================================
       INFO BOX & WEITERE ELEMENTE
       ============================================ */
    
    sx-info-box {
        display: none !important;
    }
    
    /* --- Logo --- */
    .logo {
        max-width: 180px;
        height: auto;
    }
    
    /* --- Header-Tabelle responsive --- */
    #header.responsive-table {
        width: 100%;
    }
    
    #header tr.ntr {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding: 10px;
    }
    
    #header tr.ntr td {
        flex: 0 0 auto;
    }
    
    #header tr.ntr td.first {
        flex: 1 1 auto;
    }
    
    #header tr.ntr td.nav {
        flex: 0 0 100%;
        order: 3;
    }
    
    /* --- Smooth Scrolling --- */
    #navMen {
        -webkit-overflow-scrolling: touch;
    }
	.navArr{display:none}
}

/* ============================================
   SEHR KLEINE BILDSCHIRME - unter 600px
   ============================================ */

@media only screen and (max-width: 600px) {
    
    #header {
        width: 100%;
    }
    
    #header tr.ntr {
        display: block;
    }
    
    #header tr.ntr td {
        display: block;
        width: 100%;
        text-align: center;
        padding: 5px;
    }
    
    .sua {
        max-width: 70px;
        margin: 10px auto;
        display: block;
    }
    
    .cont_ {
        text-align: center;
        padding: 10px 0;
    }
    
    .logo {
        max-width: 140px;
    }
    
    /* Kompakteres Design */
    .pNav div {
        padding: 14px 16px;
    }
    
    .sNav,
    #tNav tr td:nth-child(2) > div:not(.sNav) {
        padding: 12px 16px 12px 30px;
        font-size: 13px;
    }
    
    #tNav tr td:nth-child(3) > div {
        padding: 10px 16px 10px 40px;
    }
    
    #tNav tr td:nth-child(3) a {
        font-size: 13px;
    }
	.navArr{display:none}
}

/* ============================================
   TABLET - zwischen 600px und 950px
   ============================================ */

@media only screen and (min-width: 600px) and (max-width: 950px) {
    
	.navArr{display:none}
    #navMen {
        left: 10px;
        right: 10px;
        width: auto;
        border-radius: 8px;
        margin-top: 5px;
    }
    
    /* Etwas mehr Padding auf Tablets */
    .pNav div {
        padding: 18px 24px;
    }
    
    .sNav,
    #tNav tr td:nth-child(2) > div:not(.sNav) {
        padding: 15px 24px 15px 40px;
    } 
    
    #tNav tr td:nth-child(3) > div {
        padding: 13px 24px 13px 55px;
    }
}

copos h3 {
    letter-spacing: 2px;
    font-weight: 400;
    font-size: 2em;
    margin-top: 47px;
    color: #455e9a;
}

div#tut-selec div {
    margin: 0 0 20px 40px;
    padding: 5px 10px;
    width: 250px;
    background: linear-gradient(to bottom,#4b4b4c,#4e4e4e,#4b4b4c);
    color: #f6f6ff;
    text-align: center;
    cursor: pointer;
    font-size: 1.1em;
    font-family: Montserrat;
    font-weight: 600;
}

.tut-inf a {
    display: block;
    margin-top: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: Open Sans,sans-serif;
    font-weight: 800;
    color: #0057d9;
    text-shadow: 0 0 #2a2a2a;
    transition: all 0.3s ease-in;
} 
.sxacc-bg {
    background: url(/res/img/sxacc.jpg) no-repeat;
    background-size: cover;
    min-height: 600px;
    padding-top: 20px;
}
.sxacc-dashboard {
    font-size: 0.85em;
}

#content-block-body-1115 .cat-block-item-btn {font-size:1em!important}

.mainfunc17 div {
    line-height: 1.4em;
    font-size: 0.9em;
}

.mainfunc17 h4 {
    font-size: 1.3em;
    margin: 10px 0 10px;
    padding: 0;
}