@font-face {
  font-family: 'ElegantIcons';
  src: url('fonts/ElegantIcons.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

li.embed.menu-item.menu-item-object-page, li.sfm-menu-item-987544960{
    background: #32b9fc;
    border-radius: 67px;
    padding: 0 15px!important;
}
li.sfm-menu-item-987544960 {
    position: relative;
    top: 6px;
    width: max-content!important;
}

body li.sfm-menu-item-987544960 a span {
    position: relative;
    top: -2px;
}


.sfm-style-full #sfm-sidebar .sfm-menu {
    align-items: start;

}


body #page-container .et_pb_text ul.li-styles {
    padding: 15px 0 10px 0!important;
    line-height: 35px!important;
}
div.widget_text h4 {margin:15px 0 5px!important; padding:0;}
.et_pb_widget.widget_text {margin:0!important;}
.dsm-readmore-icon {display:inline-block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-family:ETmodules; font-size:inherit; font-weight:800; font-style:normal; font-variant:normal; -webkit-font-smoothing:antialiased; line-height:1; text-transform:none; content:attr(data-icon); position:relative; top:3px; color:#000; left:4px; font-size:21px;}
#logo {top:15px; position:relative;}
div#text-2 {background:#000000; padding:10px 10px 26px 20px; color:#fff; margin-bottom:9px!important;}
.dsm-readmore-shadow .dsm-readmore-shadow-remove[data-readmore]:after {background-image:linear-gradient(to top,#2b2e34 0%,rgba(0,0,0,0) 0%)!important;}
.dsm-readmore-shadow[data-readmore]:after, .dsm-readmore-shadow [data-readmore]:after {-webkit-backface-visibility:hidden; -webkit-transform:scale(1); content:""; display:inline-block; position:absolute; pointer-events:none; height:100px; width:100%; left:0; right:0; bottom:0; background-image:-webkit-gradient(linear,left bottom,left top,color-stop(10%,#fff), to(#fff0)); background-image:-webkit-linear-gradient(bottom, #fff 10%, #fff0 100%); background-image:-o-linear-gradient(bottom, #fff 10%, #fff0 100%); background-image:linear-gradient(to top, #fff 10%, #fff0 100%);}
span.dsm-readmore-text {font-family:'Afacad' !important; font-size:25px;}
.rmjs-1[data-readmore] {margin-bottom:15px;}
.rmjs-1.dsm-readmore-shadow-remove[data-readmore] {margin-bottom:0;}
h1, h2, h3, h4, h6 {font-family:'Afacad'!important; font-weight:400!important}
.tooltip {
    position: relative;
    display: inline-block;
    text-decoration: none;
}

.et_pb_toggle_content {
    padding-left: 20px!important;
    padding-right: 20px!important;
    padding-bottom: 20px;
}

.tooltip::after {content:attr(data-tooltip); position:absolute; bottom:-39px; left:50%; transform:translateX(-50%); background:#ffffff; color:#000000; padding:6px 10px; font-size:13px; white-space:nowrap; border-radius:6px; opacity:0; pointer-events:none; transition:opacity 0.2s ease; z-index:9999; border:1px solid #fafafa; box-shadow:0px 0px 3px #000;}
.tooltip:hover::after {opacity:1;}
img.pwgen-img {max-width:260px;}
.vi-ip-box-details {font-size:15px; color:#ffffff;}
#top-menu a {transition:all 0.3s;}
.vi-ip-box {font-size:98px; font-weight:400; margin:45px 0 60px;}
body {font-family:'Afacad'!important; font-weight:400;}
div#page-container {overflow:hidden; padding-top:70px;}
.et_pb_column.et_pb_column_1_4.et_pb_column_1.speedcheck-box.speedcheck-box-right.speedcheck-box-in.et_pb_css_mix_blend_mode_passthrough.et-last-child {background:none; padding:0;}
.et_pb_column.speedcheck-box-right.speedcheck-box-in {margin-top:10px;}
.et_pb_accordion .et_pb_toggle {margin-bottom:3px!important;}
body #page-container #left-area {width:74%;}
body #page-container #sidebar {width:25%;}
div#text-6 h4 {margin-top:26px; display:block; color:#000;}
#top-menu li li a {padding:6px 8px!important; font-size:15px!important; line-height:normal; background:transparent!important; width:100%; color:#000000 !important; font-weight:300;}
#top-menu li a {background:#31434b00; border-radius:0; padding:10px 5px!important; font-size:18px!important; font-weight:400!important;}
.nav li ul {width:max-content!important; border-top:0px solid transparent!important; border-radius:15px!important; margin-top:0;}
#top-menu li li {display:block;}
#top-menu li:last-child ul.sub-menu {right:0;}
.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {padding:10px 0!important;}
#et-secondary-nav .menu-item-has-children>a:first-child:after, #top-menu .menu-item-has-children>a:first-child:after {top:34%!important; transition:all 0.3s; position:relative; right:-6px;}
h2.bh2 {margin-top:20px;}
div#text-6 {line-height:normal; margin-bottom:42px;}
.et-fixed-header #top-menu li a {font-size:18px!important;}
ol, ul {list-style:none!important;}
.et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_split .et-fixed-header #et-top-navigation {padding:12px 0 !important;}
.et-fixed-header #top-menu li a {font-size:18px!important; padding:9px 4px!important;}
.et-fixed-header #top-menu .sub-menu li a {font-size:14px!important; padding:7px 10px!important;}
.et-fixed-header #et-secondary-nav .menu-item-has-children>a:first-child:after, .et-fixed-header #top-menu .menu-item-has-children>a:first-child:after {top:22%!important;}
ul.li-styles li:before {content:"\4e"; font-family:ElegantIcons; color:#1eff00; display:inline-block; font-size:23px; border-radius:100%; font-weight:bold; top:-2px; left:-3px; position:absolute;}
ul.li-styles li {padding-left:23px; position:relative; line-height:normal;}
.et_right_sidebar #left-area {padding-right:0;}
div#ip {background:#e8e8e8 !important;}
#main-content .container:before {width:0px!important;}
div#sidebar {padding:0!important; margin-top:30px;}
footer#main-footer {width:95%; margin:0 auto 2%; max-width:1500px;}
.home footer#main-footer,.page-id-987541178 footer#main-footer  {max-width:1500px;}
body .et_pb_toggle.et_pb_module.et_pb_accordion_item {overflow:hidden;}
body #page-container #main-content .et_pb_toggle.et_pb_module.et_pb_accordion_item h5.et_pb_toggle_title:after, body #page-container #main-content .et_pb_toggle.et_pb_module.et_pb_accordion_item.et_pb_toggle_close h5.et_pb_toggle_title:after, body #page-container #main-content .et_pb_toggle.et_pb_module.et_pb_accordion_item.et_pb_toggle_open h5.et_pb_toggle_title:after {transition:all 0.5s!important; display:block; position:absolute; font-family:"ElegantIcons" !important; left:auto; top:-1px; overflow:hidden!important; font-weight:100!important; font-weight:bold !important;}
body #page-container #main-content .et_pb_toggle.et_pb_module.et_pb_accordion_item.et_pb_toggle_close h5.et_pb_toggle_title:after {right:0px!important; padding:20px 0 20px 0!important; background:#e40714!important; content:'\4e' !important; width:0!important;}
body #page-container #main-content .et_pb_toggle.et_pb_module.et_pb_accordion_item.et_pb_toggle_open h5.et_pb_toggle_title:after {right:0!important; content:'\4e' !important; padding:20px 37px 20px 17px!important; background:#000000 !important; width:0;}
body .et_pb_toggle.et_pb_module.et_pb_accordion_item.et_pb_toggle_close {background-color:#3c3c3c!important;}
body #page-container .et_pb_accordion_toggling .et_pb_toggle.et_pb_module.et_pb_accordion_item.et_pb_toggle_open {background:#f7f7f7!important;}
body #page-container .et_pb_accordion_toggling .et_pb_toggle.et_pb_module.et_pb_accordion_item.et_pb_toggle_close.toggle_opening {background:#f7f7f7!important;}
body #page-container .et_pb_accordion_toggling .et_pb_toggle.et_pb_module.et_pb_accordion_item.et_pb_toggle_close.toggle_opening h5.et_pb_toggle_title {background:#3c3c3c!important; color:#fff!important;}
body #page-container .et_pb_toggle_open h5.et_pb_toggle_title {background:#2587b8 !important; color:#fff!important;}
.textwidget h2, .textwidget h3 {font-size:20px;}
body #page-container .et_pb_toggle.et_pb_module.et_pb_accordion_item h5.et_pb_toggle_title {transition:all 0.3s; overflow:hidden;}
body #page-container .et_pb_toggle.et_pb_module.et_pb_accordion_item h5.et_pb_toggle_title:hover {background-color:#2587b8 !important;}
body #page-container div#text-8 {margin-bottom:-15px!important}
body #page-container div#text-10 {margin-bottom:0!important;}
body #page-container div#text-11 {margin-bottom:15px!important;}
body #page-container #main-content .et_pb_section .et_pb_button {font-variant:unset!important; font-weight:400;}
body #page-container .et_pb_toggle_open h5.et_pb_toggle_title {padding:18px 18px; overflow:hidden!important;}
.et_pb_toggle_close h5.et_pb_toggle_title {padding:18px 30px 18px 18px;}
.et_pb_toggle_content.clearfix {padding:20px 30px;}
.et_pb_toggle_open, .et_pb_toggle_close {padding:0;}
.et_pb_toggle .et_pb_toggle_title:before {right:-15px; padding:20px 35px 20px 20px; top:7px; background:#e40714;}
.et_mobile_menu li ul li a {background:#dddddd !important; padding-left:43px;}
.et_mobile_menu li a {color:#000!important; background:#fff!important;}
body #page-container ul#mobile_menu {background:#000000 !important; border:none!important; padding:0;}
#top-menu li:hover a {color:#000000 !important;}
#main-header {box-shadow:unset!important; position:fixed;}
#main-header .nav li ul {}
h4.widgettitle {display:none;}
div#sidebar {margin-top:0;}
div#footer-info {}
.dsm_image_carousel .dsm_image_carousel_container {margin-bottom:15px!important;}
body img.de-icon {width:17px!important; position:relative; top:4px;}
.swiper-pagination {width:100%;}
div#text-8 {margin-bottom:40px;}
.swiper-pagination-bullet {width:13px; height:13px; margin:0 3px;}
#footer-bottom {padding:22px 0 7px!important;}
.et_pb_toggle_open h5.et_pb_toggle_title {background:#d8d8d8; padding:15px;}
.et-social-icon a {color:#32b9fc;}
div#footer-info {}
button.cmplz-btn.cmplz-manage-consent.manage-consent-1.cmplz-show {font-size:0; width:50px!important; padding:0!important; display:block; background:#1e73be !important; min-width:60px!important;}
li.et-social-icon.et-social-instagram, li.et-social-icon.et-social-facebook {display:none;}
button.cmplz-btn.cmplz-manage-consent.manage-consent-1.cmplz-show:after {content:"\e038"; font-size:27px; font-family:ElegantIcons; color:#fff;}
img[src*=".svg"] {width:100%!important; height:auto!important;}
.entry-content tr td, .entry-content table:not(.variations) {border-top:0px solid #eee!important; padding:18px 10px;}
.entry-content thead th, .entry-content tr th {color:#000000; font-weight:700; padding:9px 10px; font-size:110%;}
table tr:nth-child(odd) {background-color:#e0ddd6;}
table tr:nth-child(even), .entry-content thead th, .entry-content tr th {background-color:#ffffff;}
body.single-post .et_post_meta_wrapper img {display:none;}
body #page-container .entry-content table:not(.variations) {border:0px solid #eee!important;}
iframe body {background:transparent!important;}
.single-post #main-content {background-color:transparent;}
.et_pb_toggle_title:before {font-family:"FontAwesome" !important; content:'\f067' !important; font-weight:900 !important; transition:all 0.5s}
.et_pb_accordion_item {transition:all 0.5s;}
body #page-container .et_pb_accordion ul {margin-top:15px!important;}
body #page-container .et_pb_accordion {selector h3 {font-size:120%}}
.dt-readmore h3{margin-bottom:0px;margin-top:15px}

hr {
    margin: 10px 0px  25px;
}

.sticky-speedtest-btn {
    position: fixed;
    left: 0;
    top: 25%;
    transform: translateY(50%) rotate(90deg);
    transform-origin: left bottom;
    background: #5b5b5b;
    color: #ffffff !important;
    padding: 10px 20px 10px 10px;
    font-size: 27px;
    font-weight: 500;
    text-decoration: none !important;
    border-radius: 8px 8px 0 0;
    z-index: 99999;
    transition: all 0.3s ease;
    white-space: nowrap;
    display: flex;
    align-items: center;
}


/* Hover-Effekt */
.sticky-speedtest-btn:hover {
    background: #1eaef5;
}

/* Dein Logo vor dem Text (wird gerade gedreht) */
.sticky-speedtest-btn::before {
    content: "";
    display: inline-block;
    width: 30px; /* Breite des Logos im Button */
    height: 30px; /* Höhe des Logos im Button */
    margin-right: 15px; /* Abstand zum Text */
    background-image: url('/media/ipspeedcheck-1.png'); /* PFAD ZU DEINEM LOGO */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    
    /* DER TRICK: Das Logo wird zurückgedreht, damit es gerade steht */
    transform: rotate(0deg); 
    transform-origin: center;
}
@media (max-width: 1400px) {
.sticky-speedtest-btn {
    padding: 5px 20px 5px 10px;
    font-size: 20px;
    border-radius: 8px 8px 0 0;
    top: auto;
    bottom: 45%;
}
 }


/* --- TABLET & MOBILE: Button unten mittig --- */
@media (max-width: 1024px) {


.sticky-speedtest-btn {
    top: auto !important;
    bottom: 0 !important;
    left: 0% !important;
    transform: translateX(0%) rotate(0deg) !important;
    transform-origin: center center;
    border-radius: 12px 12px 0 0;
    padding: 9px 16px 4px;
    font-size: 18px;
    width: max-content;
    justify-content: center;
    right: 0;
    margin: 0 auto;
}

    /* Logo im Button für die horizontale Ansicht anpassen */
.sticky-speedtest-btn::before {
    transform: rotate(0deg) !important;
    width: 27px;
    height: 27px;  margin-right: 8px;
}
}


.page-id-987541178 .sticky-speedtest-btn, .page-id-36 .sticky-speedtest-btn {
    display: none;
}

/* Footer Share-Links auf Weiß setzen */
#footer-share-box, 
.is-f-icon-wrapper,
.is-f-icon-wrapper a.is-f-link {
    color: #ffffff !important;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

/* Ein leichter Effekt beim Drüberfahren, damit man merkt, dass es Links sind */
.is-f-icon-wrapper a.is-f-link:hover {
    opacity: 0.7;
    color: #ffffff !important;
}

/* Ersetzt deine .is-f-link Definition, damit die Icons Platz haben */
.is-f-link {
    display: inline-block !important;
    width: 22px !important;
    height: 22px !important;
    text-indent: -9999px; /* Versteckt den Text, lässt das Icon stehen */
    overflow: hidden;
    margin-left: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: brightness(0) invert(1); /* Macht die schwarzen SVGs weiß */
    vertical-align: middle;
}

/* Spezifisches Icon für die E-Mail (da es oben im Block fehlte) */
.mail-icon {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"/></svg>');
}

/* Spezifischer Fix für Links im Divi Footer-Bottom */
#footer-bottom .is-f-icon-wrapper a,
#footer-bottom .is-f-icon-wrapper a.is-f-link,
#footer-bottom .is-f-icon-wrapper a.mail-icon {
    color: #ffffff !important;
    text-decoration: none !important;
    margin-left: 10px;
    font-weight: normal;
}

/* Hover-Zustand für bessere Usability */
#footer-bottom .is-f-icon-wrapper a:hover {
    color: #32b9fc !important; /* Dein Marken-Blau beim Hover */
    text-decoration: underline !important;
}

/* Brute-Force Fix für die Footer-Links */
body #footer-bottom .is-f-icon-wrapper a.is-f-link,
body #footer-bottom .is-f-icon-wrapper a.mail-icon,
body #footer-bottom #footer-info a.is-f-link {
    color: #ffffff !important;
    text-decoration: none !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Hover-Effekt zur Kontrolle */
body #footer-bottom .is-f-icon-wrapper a.is-f-link:hover {
    color: #32b9fc !important;
}

/* ================================
   DT SPEEDTEST BUTTON (FINAL)
================================ */

.text-2spalten h2 {
    margin-top: 23px;
}


body #page-container .entry-content .text-2spalten  ul{
    padding: 0 0 15px 5px!important;
}


.text-2spalten ul li:before {
    content: "\4e";
    font-family: ElegantIcons;
    color: #1eff00;
    display: inline-block;
    font-size: 23px;
    border-radius: 100%;
    font-weight: bold;
    top: -2px;
    left: -3px;
    position: absolute;
}
.text-2spalten ul li:before {content:"\4e"; font-family:ElegantIcons; color:#1eff00; display:inline-block; font-size:23px; border-radius:100%; font-weight:bold; top:-2px; left:-3px; position:absolute;}
.text-2spalten ul li {padding-left:23px; position:relative; line-height:normal;}

.dt-speedtest-btn, .dt-speedtest-btn.big  {
    display: inline-block;
    background: linear-gradient(135deg, #7ad3ff, #32B9FC);
    color: #ffffff;
    font-weight: 500;
    font-size: 22px;
    padding: 22px 15px;
    border-radius: 8px;
    text-decoration: none;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    box-shadow: 0 4px 12px rgba(50,185,252,0.25);
    width: 100%;
    text-align: center;
    line-height: normal;
}

/* Hover (zackig, kein soft fade) */
.dt-speedtest-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(50,185,252,0.35);
    background: linear-gradient(135deg, #32B9FC, #1eaef5);
}

/* Klick-Effekt */
.dt-speedtest-btn:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(50,185,252,0.2);
}




/* Optional: Center Wrapper */
.dt-btn-center {
    text-align: center;
    margin: 20px 0;
}

@media screen and (max-width:600px) {
.dt-speedtest-btn {font-size: 18px;}
}


html {
    /* Reserviert den Platz für den Scrollbar, auch wenn kein Scrollen nötig ist */
    overflow-y: scroll; 
    /* Moderne Variante für alle Browser */
    scrollbar-gutter: stable;
}
/* --- Eckiger blauer Scrollbalken für Chrome/Edge/Safari --- */

/* 1. Die Breite definieren (notwendig, damit die anderen Styles greifen) */
::-webkit-scrollbar {
    width: 12px;
}

.sfm-rollback {
    -ms-filter: unset!important;
    -webkit-backface-visibility: hidden!important;
    -webkit-transition: unset!important;
    -moz-transition: unset!important;
    -ms-transition: unset!important;
    -o-transition: unset!important;
    transition: unset!important;
    -webkit-transition-delay: unset!important;
    transition-delay: unset!important;
}


#footer-info, #footer-info a {
    color: #ffffff;
    font-weight: 400;
}

.textwidget h2, .textwidget h3 {
    color: #1b97d5;
    font-weight: 500!important;
}

/* 2. Die Schiene (Hintergrund) - bleibt meist neutral */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* 3. Der Griff: eckig und blau */
::-webkit-scrollbar-thumb {
    background-color: #32b9fc !important;
    border-radius: 0 !important; /* Erzwingt eckige Kanten */
    border: none !important;     /* Entfernt eventuelle Abstände */
}

/* Firefox Support */
* {
    scrollbar-width: 18px;
    scrollbar-color: #32b9fc #f1f1f1;
}
/* Nach DOM ready sichtbar machen */
body.sf-loaded .sfm-rollback,
body.sf-loaded .sfm-rollback:before,
body.sf-loaded .sfm-rollback:after {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s ease; /* optional */
}

.ipspeed-table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.ipspeed-table-wrapper table {
    min-width: 900px;
    border-collapse: collapse;
}



.dt-readmore h2 {
    margin-top: 23px;
}




/* Gezielter Fix für das VPN-Link-Icon auf ipspeedcheck.de */
.vpn-link .vpn-link-icon {
    width: 14px !important;  /* Oder 16px, je nach gewünschter Optik */
    height: 14px !important;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;       /* Abstand zum Text */
    flex-shrink: 0;         /* Verhindert Quetschen in Flex-Containern */
}

/* Falls der Link ein Flex-Container ist (oft bei Divi 5) */
.vpn-link {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

/* ==========================================
   1. CONTENT (OBEN) - Icons im Textbereich
   ========================================== */
.share-container {
    margin: 25px 0;
}

.share-content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
}

.share-text {
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    white-space: nowrap;
    background: #e8e8e8;
    padding: 4px 15px;
    border-radius: 137px;
}

.share-icons {
    display: flex;
    align-items: center;
    gap: 20px;
}

.share-icons a.wa { color: #25D366 !important; }
.share-icons a.fb { color: #1877F2 !important; }
.share-icons a.x  { color: #000000 !important; }

.share-icons a svg {
    width: 22px;
    height: 22px;
    fill: #33b8fc;
    transition: transform 0.2s ease;
}

.share-icons a:hover svg {
    transform: scale(1.15);
}

/* ==========================================
   2. FOOTER (UNTEN) - Icons rechtsbündig
   ========================================== */
#footer-info {
    display: block !important;
    width: 100% !important;
}

.is-f-icon-wrapper {
    float: right !important;
    display: inline-flex !important;
    align-items: center !important;
}

.is-f-label-italic {

    color: #ffffff !important;
    margin-right: 15px;
    font-size: 14px;
}

.is-f-link {
    display: inline-block !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important; /* Firefox Fix */
    text-indent: -9999px;
    overflow: hidden;
    margin-left: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: brightness(0) invert(1); /* Weiß erzwingen */
    transition: opacity 0.2s;
}

.is-f-link:hover { opacity: 0.7 !important; }

/* SVG-Daten für Footer */
.wa-icon { background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.1 0-65.6-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-5.5-2.8-23.4-8.6-44.6-27.6-16.5-14.7-27.6-32.8-30.8-38.4-3.2-5.6-.3-8.6 2.5-11.4 2.5-2.5 5.5-6.5 8.3-9.7 2.8-3.2 3.7-5.5 5.5-9.3 1.9-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 13.2 5.8 23.5 9.2 31.5 11.8 13.3 4.2 25.4 3.6 35 2.2 10.7-1.5 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"/></svg>'); }
.fb-icon { background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/></svg>'); }
.x-icon { background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg>'); }

/* ==========================================
   3. MOBILE OPTIMIERUNG
   ========================================== */

@media (max-width: 1024px) {
.info-header-mobil .share-content {flex-direction: row; gap: 10px; align-items: center; justify-content: center;}
.vps-info-item {text-align: center;}

.vps-info-row, .vpn-link {justify-content: center;display: flex;
}
.dt-readmore .dt-readmore-toggle {width: 100%;}


}



@media (max-width: 767px) {



.info-header-mobil .vps-info-grid {
    transform: scale(0.8);
    display: block;
    height: auto;
    position: relative;
}

.info-header-mobil .share-container {
    margin: 25px 0;
    display: block;
    position: relative;
    line-height: normal;
}


.info-header-mobil .vps-info-grid {transform: scale(0.8);}

.info-header-mobil .share-icons a svg {
    width: 15px;
    height: 17px;
}


    .share-content { flex-direction: row; gap: 10px; align-items: flex-start; }
    .is-f-icon-wrapper {
        float: none !important;
        display: flex !important;
        justify-content: center !important;
        margin-top: 15px;
        width: 100%;
    }
    #footer-info { text-align: center !important; }
}

@media (max-width: 480px) {
.info-header-mobil .vps-info-grid {
    max-width: 300px;
    margin: 0 auto;
}

}




@media (max-width: 1500px) {
.container {width:95%;}

body.et_header_style_left #page-container .et-fixed-header #et-top-navigation, .et_header_style_left #page-container #et-top-navigation {padding:0!important;}
header#main-header, .et_fixed_nav #main-header {height:62px!important;}
body #page-container #et_mobile_nav_menu {display:block!important; opacity:0; pointer-events:none;}
body #page-container #top-menu {display:none!important;}
.mobile_menu_bar:before {font-size:38px!important; ;}
body #page-container #left-area {width:68%;}
body #page-container #sidebar {width:30%;}
}

@media (max-width: 1400px) {
.et_pb_column.speedcheck-box.speedcheck-box-in.speedbox-half {width:46%;}
body #page-container .slider-speedtest-button-box {margin-top:75px!important; transform:translateX(0px) translateY(0px)!important;}
.et_pb_column.speedcheck-box.speedcheck-box-right.speedcheck-box-in {width:100%; margin:25px auto 0!important; position:relative!important; display:block; left:auto; right:auto;}
.et_pb_column.speedcheck-box.speedcheck-box-left.speedcheck-box-in {margin-bottom:0; width:100%;}
div#text-6 {display:none;}
body #page-container .speedcheck-box-out {transform:translateX(0px) translateY(0px);}
.et_pb_column .et_pb_widget {margin:0 8% 0% 0!important; width:27%!important; clear:none; float:left;}
.et_pb_column .et_pb_widget:nth-child(3n) {margin-right:0!important;}
div#text-6 {margin-bottom:40px;}
.et_pb_column.speedcheck-box.speedcheck-box-right.speedcheck-box-in {width:100%; margin-bottom:70px;}
}

@media (max-width: 1366px) {
#top-menu li a {font-size:16px!important;}
}

@media (max-width: 1250px) {
.speedtest-container {margin-bottom:-50px;}
}

@media all and (max-width: 980px) {
#footer-info {
    text-align: left;
}

.et_animated {opacity:1 !important; animation:none !important; -webkit-animation:none !important; -o-animation:none !important; transition:none !important; -webkit-transition:none !important;}
.et_pb_section *, .et_pb_row *, .et_pb_column * {transition:none !important; -webkit-transition:none !important; -o-transition:none !important;}
.et_mobile_menu .sub-menu, .et_mobile_menu .children {display:none !important; max-height:0; overflow:hidden; transition:max-height 0.4s ease-out;}
.et_mobile_menu .menu-item-has-children.dt-open > .sub-menu, .et_mobile_menu .page_item_has_children.dt-open > .children {display:block !important; max-height:3000px !important;}
.et_mobile_menu .menu-item-has-children > a, .et_mobile_menu .page_item_has_children > a {position:relative; padding-right:55px !important;}
.et_mobile_menu .menu-item-has-children>a:after, .et_mobile_menu .page_item_has_children>a:after {content:"+"; position:absolute; right:20px; top:50%; transform:translateY(-50%) rotate(0deg); font-size:26px; font-weight:400; color:#222; transition:transform 0.35s ease-in-out, color 0.25s ease-in-out; pointer-events:none;}
.et_mobile_menu .menu-item-has-children.dt-open > a:after, .et_mobile_menu .page_item_has_children.dt-open > a:after {transform:translateY(-50%) rotate(45deg); color:#e74c3c;}
body #page-container div#main-content {padding-top:55px!important;}
.et_pb_column.speedcheck-box.speedcheck-box-in.speedbox-half {width:100%;}
body #page-container #sidebar {margin-bottom:5%;}
.et_header_style_left #logo {width:165px!important; top:12px!important;}
#logo {top:-2px; position:relative;}
.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {padding:8px!important;}
.speedtest-container {margin-bottom:0px;}
div#text-19 {text-align:center;}
body.single.single-post #page-container .et_pb_row {width:100%!important;}
div#text-20 {display:none;}
body #page-container #left-area {margin-bottom:-40px;}
body #page-container div#text-11 {margin-bottom:15px!important;}
.entry-content tr td, .entry-content table:not(.variations) {padding:11px 10px;}
table {width:100%; max-width:100%;}
table {display:block; max-width:900px; overflow-x:auto; white-space:nowrap;}
table::-webkit-scrollbar {height:8px;}
table::-webkit-scrollbar-thumb {background:#ccc; border-radius:4px;}
div#text-6 {display:block;}
div#text-11, div#text-2 {margin-bottom:0px!important;}
body.single-post #page-container .et_pb_section {padding-bottom:0; margin-bottom:-35px;}
.et_pb_column.speedcheck-box.speedcheck-box-right.speedcheck-box-in .et_pb_widget_area.et_pb_widget_area_left {width:100%; max-width:912px; margin:2px auto;}
.et_pb_column .et_pb_widget {width:39%!important; clear:none!important;}
.et_mobile_menu li li {padding-left:0!important;}
#main-header .et_mobile_menu li ul, .et_pb_fullwidth_menu .et_mobile_menu li ul, .et_pb_menu .et_mobile_menu li ul {padding-left:0!important;}
.et_mobile_menu {margin-top:12px!important;}
.et_header_style_left #et-top-navigation .mobile_menu_bar {padding-bottom:0!important;}
div#sidebar {margin-top:0px;}
div#text-4, div#text-2 {}
#main-header, #main-header .nav li ul, .et-search-form, #main-header .et_mobile_menu {background-color:#e8e8e8!important;}
header#main-header .container {width:95%!important;}
.et_pb_column.speedcheck-box-right.speedcheck-box-in {margin-top:0%;}
.speedtest-container {top:0; left:0; position:relative; margin:0px auto 43px; right:0;}
header#main-header, .et_fixed_nav #main-header {height:54px!important; position:fixed;}
}

@media (max-width: 768px) {
#main-footer {padding-top:0px;}
body #page-container #footer-widgets {padding:22px 0 13px;}
body #page-container footer#main-footer .container {position:relative; float:none; clear:both; padding-top:0;}
.footer-widget .et_pb_widget div {width:230px; margin:0 auto;}
body #footer-widgets .footer-widget .fwidget.et_pb_widget.widget_text {width:100%;}
#footer-widgets .footer-widget:nth-child(n), #footer-widgets .footer-widget .fwidget {margin-bottom:6.5% !important;}
.et_pb_column .et_pb_widget {margin:0 6.5% 6.5% 0; width:100%!important; clear:none; float:left;}
div#text-6 {margin-bottom:10px!important;}
.et_pb_module.et_pb_widget_area .textwidget {width:100%; max-width:100%!important;}
.et_pb_column.speedcheck-box.speedcheck-box-right.speedcheck-box-in {padding:0!important; margin:0px auto 0px!important}
.speedtest-container {top:0; left:0; position:relative; margin:0px auto 43px; right:0;}
.et_pb_column.speedcheck-box.speedcheck-box-right.speedcheck-box-in .et_pb_widget_area.et_pb_widget_area_left {margin:14px auto;}
}

@media (max-width: 650px) {
.speedtest-container {top:0; left:0; position:relative; margin:0px auto 10px; right:0;}
}

@media (max-width: 600px) {
body #page-container #main-content .et_pb_toggle.et_pb_module.et_pb_accordion_item.et_pb_toggle_close h5.et_pb_toggle_title:after {right:0px!important; padding:15px 23px 35px 8px!important; background:#e40714!important; content:'\4c' !important; width:0!important;}
body #page-container #main-content .et_pb_toggle.et_pb_module.et_pb_accordion_item.et_pb_toggle_open h5.et_pb_toggle_title:after {right:0!important; content:'\4e' !important; padding:15px 23px 35px 8px!important; background:#000000 !important; width:0;}
body #page-container .et_pb_toggle_open h5.et_pb_toggle_title {padding:12px 18px; overflow:hidden!important;}
body #page-container .et_pb_toggle.et_pb_module.et_pb_accordion_item h5.et_pb_toggle_title {padding:15px 23px 13px 8px !important;}
.et_pb_toggle .et_pb_toggle_title:before {right:-15px; padding:20px 25px 40px 11px; top:1px; background:#e40714; font-size:11px;}
.et_pb_toggle_content.clearfix {padding:15px 13px!important;}
.et_pb_toggle_close, .et_pb_toggle_open {background-color:#f4f4f4; padding:0px!important;}
#sidebar h2, #sidebar h3, #sidebar h4 {font-size:17px;}
body.single-post .container {width:95%;}
body.single-post #page-container .et_pb_row {width:100%!important;}
body #page-container h5.et_pb_toggle_title {line-height:120%; font-size:15px; font-weight:100!important;}
#footer-bottom {padding:27px 0 45px!important;}
button.cmplz-btn.cmplz-manage-consent.manage-consent-1.cmplz-show {right:5px!important; transform:scale(0.7); bottom:-8px!important;}
}

@media screen and (max-width:500px) {
.dsm-readmore-btn-wrapper {text-align:center;}
span.dsm-readmore-text {font-size:18px;}
.footer-widget .et_pb_widget div {width:295px;}
}

@media screen and (max-width:480px) {
header#main-header, .et_fixed_nav #main-header {height:45px!important;}
.et_header_style_left #logo {max-width:70%; width:158px!important; top:8px !important;}
.single-post h1.entry-title {font-size:22px;}
.single-post .et_pb_row.et_pb_row_0 {padding-top:7px;}
.vi-ip-box-details {font-size:14px;}
}