/* CSS Document */
html {
  font-size: 100%;
}
@media (min-width: 1200px) {
  html {
    font-size: 112.5%;
  }
}

.visually-hidden {
  position: absolute;
  left: -9999px;
}

.visually-hidden.focusable:focus {
  position: static;
  left: auto;
  background: #fff;
  padding: 8px;
  z-index: 1000;
}


a:focus,
button:focus,
input:focus,
textarea:focus {
  outline: 2px solid #005fcc;
  outline-offset: 2px;
  border-radius: 4px;
  transition: outline 0.2s ease-in-out;
}

.visually-hidden.focusable:focus {
  position: static;
  width: auto;
  height: auto;
  clip: auto;
}

/* Hides the default Cookiebot floating icon 
#CybotCookiebotDialogBodyButton,
#CookiebotWidget {
  display: none !important;
}
*/

/* 🛠 Accessible Focus Styles - Overrides for BFSG compliance */
a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus,
[tabindex]:focus,
[role="button"]:focus,
[role="link"]:focus {
  outline: 3px solid #005ca9;       /* High-contrast blue border */
  outline-offset: 2px;
  border-radius: 2px;
  transition: outline 0.2s ease-in-out;
}

/* Remove outline suppression unless replaced visually */
a:focus:not(:focus-visible),
button:focus:not(:focus-visible) {
  outline: none;
}

/* 🎨 Decorative background images — hidden from assistive tech */

.bg-decorative,
.loading-spinner,
.spinner-wrapper,
.bg-flair,
.shape-overlay,
.pattern-decor,
.icon-bg,
[class*="flair"],
[class*="decorative"],
[class*="loading"] {
  aria-hidden: true;
}

/* Optionally improve visibility for screen readers using role="presentation" via CSS (best done in HTML) */
.bg-decorative::before,
.loading-spinner::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
}

.skip-link {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.skip-link:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 1em;
  padding: 0.5em 1em;
  background: #000;
  color: #fff;
  z-index: 1000;
}



.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #10243A;
}

.ce_text ul>li {
    background-image: url(../../files/hg141117/arrow-right-grey.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-position: left 7px;
}

/*Logo*/
#logo {
    padding: 20px 0;
    max-width: 325px;
}

/*Menu*/

#nav-main{
display:none;
}


@media screen and (min-width: 701px) {
   #nav-header ul.level_1>li.login>a, #nav-header ul.level_1>li.login>span, .premium-bereich #nav-header ul{
        background-image: url(../../files/hg141117/icon-lock.png);
    }
}


.mobile_menu nav li.fragen-menu{
display:none;	
}

.button.bigbutton{
	transform:scale(2);margin-top:40px;margin-bottom:40px;
	
}

/*Banner*/

#Slider {
    border-bottom: 5px solid #00eefd;
}

.slider-control .slider-menu b {
    color: #7e7e7e;
    cursor: pointer;
}

.slider-control .slider-menu b.active {
    color: #fff;
}

/*Rechte Spalte*/
.li_check_24 ul>li {
    background-image: url(../../files/hg141117/li-check-blue.png);
}

.button, button.submit, input[type=submit] {
    display: inline-block;
    padding: 3px 15px 3px 30px;
    background: #e2000a url(../../files/hg141117/arrow-right.png) left center no-repeat;
    background: url(../../files/hg141117/arrow-right.png) left center no-repeat,-moz-linear-gradient(270deg,#e2000a,#d20007);
    background: url(../../files/hg141117/arrow-right.png) left center no-repeat, -webkit-linear-gradient(270deg, #e2000a, #d20007);
    background: url(../../files/hg141117/arrow-right.png) left center no-repeat,-o-linear-gradient(270deg,#e2000a,#d20007);
    background: url(../../files/hg141117/arrow-right.png) left center no-repeat,-ms-linear-gradient(270deg,#e2000a,#d20007);
    background: url(../../files/hg141117/arrow-right.png) left center no-repeat, linear-gradient(180deg, #e2000a, #d20007);
    -pie-background: url(../../files/hg141117/arrow-right.png) left center no-repeat,linear-gradient(270deg,#e2000a,#d20007);
    border-radius: 3px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    box-decoration-break: clone;
    -moz-box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    text-shadow: 1px 1px 1px #666;
    background-position: 15px center;
    cursor: pointer;
}

/*Footer*/

#footer {
    background-color: #020202;
    text-align:center;
    position:static;
}

#nav-footer{
    margin:0 auto;
    text-align:center;
}
#footer nav{
	display: inline-block;
    text-align: center;
    margin: 30px auto;
}

#nav-footer ul.level_1>li a, #nav-footer ul.level_1>li span {
    display: inline-block;
    padding-right: 15px;
    padding-left: 15px;
    border-left: 0;
}
/*Mein Ansatz*/
.mein-ansatz.ce_text{
    background-image: linear-gradient(to bottom, #f8f8f8, #efefef) !important;
        max-width:700px;
}

.mein-ansatz > .headline_container{
    background-color: #020202;
}

.mein-ansatz h2{
    margin: 0 0 24px;
    padding-top: 16px;
    padding-bottom: 16px;
    text-align: center;
    font-size: 40px;
    line-height: 40px;
    color: #FFF;
    text-transform: uppercase;
}

.mein-ansatz .content_container{
     padding-right: 5.7142%;
    padding-left: 5.7142%;
    padding-bottom: 20px;
}

.mein-ansatz .box ul{
    margin-bottom: 0;
}
.mein-ansatz .box ul > li {
    background-image: url(../media/images/icons/Icon-Check-turkis.svg);
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 60px;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 45px;
}

.schnellstart-btn {
    background: #00eefd url(../media/images/icons/arrow-right-black.png) left center no-repeat;
    margin-bottom: 30px;
}

.schnellstart-btn:hover {
    background: #020202 url(../media/images/icons/arrow-right.png) 30px center no-repeat;
    color: #ffffff;
}

.mein-ansatz.ce_text a {
    color: #10243A;
}

.schnellstart-btn:hover a{
    color: #ffffff;
}
.mein-ansatz #lightcase-case {
    top: 25%;
}


.align_center_wrapper {
    text-align: center;
}

/*Was bieten wir*/
.icon-subheadline-reiter{
	margin-top:15px;
}
.sprachnachricht #header{
display:none;
}

.sprachnachricht #main {
    padding-top: 0;
}

.sprachnachricht #Banner{
margin-top:30px;
}

.sprachnachricht-button.button, button.submit.sprachnachricht-button{
    padding: 10px 25px 10px 35px;
    font-size: 30px;
	margin-top:40px;
}

.sprachnachricht-title{
font-size: 40px;
line-height: 44px;
margin:40px 0;
}

.sprachnachricht-bild{
text-align:center;
}

.sprachnachricht-bild img{
width:75%;
}
.sprachnachricht-audio{
text-align:center
}
.sprachnachricht-audio audio{
width:75%
}

.vorteile-tabelle .confirmation {
color:#105B01;
font-weight: bold;
display: table-cell;
text-align: left;
}

.vorteile-tabelle table {
    max-width: 240px;
}

.vorteile-tabelle td {
    border-bottom: 0;
}

.formbox>.headline_container {
    background-color: #10243A;
}
.formbox {
	color: #10243A;
}	
	

body.customSlider #Slider {
	border-bottom:0;
	max-height:none;
}

.lettertest .content_container div{
display:block;
}


.lettertest .content_container div:first-child{
float:left;
}

.lettertest .content_container div:nth-child(2){
padding:10px 0 0 20px;
  position: relative;
    left: 20px;
}

.lettertest .content_container ul{
list-style:disc;
    margin-left: 40px;
    position: relative;
    left: 70px;
background:none;
}

.lettertest.ce_text ul>li{
background:none;
padding: 0;
}

/*Spezialisten*/
.ce_table.milestones td.col_first {
    width: 70px;
    font-weight: 700;
    color: #846e15;
}

/*Bewertungen*/

/*Leserstimmen Video*/
.mod_article h2.lessermeinungen-titel{
    margin: 40px 0;
    font-size:34px;
}

.ce_vimeo.klein70 {
    max-width: 70%;
    margin: -70px auto;
}

/*Leserfeedback*/

.leserfeedback-oben a img{
    margin: -40px auto 20px;
}

.leserfeedback-oben h3, .leserfeedback-oben h3 a{
color: #1f5f8f;
font-size: 20px;
}

.leserfeedback-oben .content_container ul{
    list-style:none;
display: inline-block;
margin:0;
}

.leserfeedback-oben ul div, .lettertest-left ul div, .trustpilot-left ul div {
	padding: 3px 15px 3px 30px;
    background: #e2000a url(../../files/hg141117/arrow_right.png) left center no-repeat;
    background: url(../../files/hg141117/arrow_right.png) left center no-repeat,-moz-linear-gradient(270deg,#e2000a,#d20007);
    background: url(../../files/hg141117/arrow_right.png) left center no-repeat,-webkit-linear-gradient(
	270deg,#e2000a,#d20007);
    background: url(../../files/hg141117/arrow_right.png) left center no-repeat,-o-linear-gradient(270deg,#e2000a,#d20007);
    background: url(../../files/hg141117/arrow_right.png) left center no-repeat,-ms-linear-gradient(270deg,#e2000a,#d20007);
    background: url(../../files/hg141117/arrow_right.png) left center no-repeat,linear-gradient(
	180deg,#e2000a,#d20007);
    -pie-background: url(../../files/hg141117/arrow_right.png) left center no-repeat,linear-gradient(270deg,#e2000a,#d20007);
    border-radius: 3px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    box-decoration-break: clone;
    -moz-box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    text-shadow: 1px 1px 1px #666;
    background-position: 15px center;
    cursor: pointer;
	margin: 20px 0 0;
}

.leserfeedback-oben ul div a, .lettertest-left ul div a, .trustpilot-left ul div a{
    text-decoration: none;
    color: #fff;
}

.leserfeedback-oben .warning img {
    margin-bottom: 5px;
}   
    
.tabcontrol_tabs ul>li{
    background-color: #e1c46d;
    background-color: #0F243A;
    background: -moz-linear-gradient(270deg, #134891, #0F243A);
    background: -webkit-linear-gradient(270deg, #134891, #0F243A);
    background: -o-linear-gradient(270deg, #134891, #0F243A);
    background: -ms-linear-gradient(270deg, #134891, #0F243A);
    background: linear-gradient(180deg, #134891, #0F243A);
    -pie-background: linear-gradient(270deg, #134891, #0F243A);
}   


.leserfeedback-oben .content_container ul, .lettertest-left .content_container ul  {
    list-style: none;
    margin: 0;
    display: block;
    text-align: left;
    left: 0;
	
}

.lettertest.leserfeedback-oben{
	display:inline-block;
	clear:both;
}
/*Trustpilot*/
/*Erfahrungen*/
.button.erfahrung-button{
    margin: 10px 0 25px 0;
    padding: 10px 30px 10px 45px;
	
}
/*Lettertest*/
.erfahrungen-unterseite-titel{
	font-weight:normal;
}

.erfahrungen-bold{
	font-weight:bold;
}


.lettertest.leserfeedback-oben.left{
	max-width:65%;
}



.lettertest-left.ce_text ul>li, .trustpilot-left.ce_text ul>li{
background:none;
padding: 0;
}

.lettertest-left ul div, .trustpilot-left ul div{
    text-align: center;
    max-width: 250px;
}

 .lettertest-right, .trustpilot-right {
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    width: 30%;
    text-align: center;
    vertical-align: top;
    padding: 0;
}


.lettertest.leserfeedback-oben.right{
	float:right;
	max-width:30%;
}

.trustpilot-right{
	max-width:26%;
}

 .lettertest-right .content_container, .trustpilot-right .content_container{
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
}

 .lettertest-right .content_container div:first-child{ 
    text-align: center;
    margin: 0 auto;
    width: 100%;
    max-width: 225px;
    vertical-align: top;
}
.lettertest-right .content_container div img, .trustpilot-right .content_container div img{ 
	margin: 0 auto;
}

.structured_form .formbody>fieldset>legend {
    width: 104.6875%;
    display: block;
    margin-bottom: 12px;
    padding: 10px 20px 10px 40px;
    background: #020202 url(../../files/hg141117/arrow_right.png) left center no-repeat;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    color: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: -1.5625%;
    background-position: 20px center;
    text-shadow: 1px 1px 1px #666;
}

.ce_testimonial .rating {
    color: #10243A;
}

.ce_testimonial h3 {
    font-size:24px;
    line-height: 30px;
}

.button.green-button, .green-button {
    background: #68b603 url("../../files/hg141117/arrow-right.png") left center no-repeat;
    background: url("../../files/hg141117/arrow-right.png") left center no-repeat, -moz-linear-gradient(270deg, #68b603, #03aa03);
    background: url("../../files/hg141117/arrow-right.png") left center no-repeat, -webkit-linear-gradient(270deg, #68b603, #03aa03);
    background: url("../../files/hg141117/arrow-right.png") left center no-repeat, -o-linear-gradient(270deg, #68b603, #03aa03);
    background: url("../../files/hg141117/arrow-right.png") left center no-repeat, -ms-linear-gradient(270deg, #68b603, #03aa03);
    background: url("../../files/hg141117/arrow-right.png") left center no-repeat, linear-gradient(180deg, #68b603, #03aa03);
    -pie-background: url("../../files/hg141117/arrow-right.png") left center no-repeat, linear-gradient(270deg, #68b603, #03aa03);
    border: 1px solid #FFF;
    border-radius: 2px;
    background-position: 15px center;
}

.button.gold-button, .gold-button {
	  background: #e1c46d url(../../files/hg141117/arrow_right.png) left center no-repeat;
    background: url("../../files/hg141117/arrow_right.png") left center no-repeat, -moz-linear-gradient(270deg, #e1c46d, #b48d4d);
    background: url(../../files/hg141117/arrow_right.png) left center no-repeat, -webkit-linear-gradient(270deg, #e1c46d, #b48d4d);
    background: url("../../files/hg141117/arrow_right.png") left center no-repeat, -o-linear-gradient(270deg, #e1c46d, #b48d4d);
    background: url("../../files/hg141117/arrow_right.png") left center no-repeat, -ms-linear-gradient(270deg, #e1c46d, #b48d4d);
    background: url(../../files/hg141117/arrow_right.png) left center no-repeat, linear-gradient(180deg, #e1c46d, #b48d4d);
    -pie-background: url("../../files/hg141117/arrow_right.png") left center no-repeat, linear-gradient(270deg, #e1c46d, #b48d4d);
    border: 1px solid #FFF;
    border-radius: 2px;
    background-position: 15px center;
}

.button.blue-button, .blue-button {
	  background: #0F243A url(../../files/hg141117/arrow_right.png) left center no-repeat;
    background: url("../../files/hg141117/arrow_right.png") left center no-repeat, -moz-linear-gradient(270deg, #134891, #0F243A);
    background: url(../../files/hg141117/arrow_right.png) left center no-repeat, -webkit-linear-gradient(270deg, #134891, #0F243A);
    background: url("../../files/hg141117/arrow_right.png") left center no-repeat, -o-linear-gradient(270deg, #134891, #0F243A);
    background: url("../../files/hg141117/arrow_right.png") left center no-repeat, -ms-linear-gradient(270deg, #134891, #0F243A);
    background: url(../../files/hg141117/arrow_right.png) left center no-repeat, linear-gradient(180deg, #134891, #0F243A);
    -pie-background: url("../../files/hg141117/arrow_right.png") left center no-repeat, linear-gradient(270deg, #134891, #0F243A);
    border: 1px solid #FFF;
    border-radius: 2px;
    background-position: 15px center;

}
/*Bestellen*/
@media screen and (min-width: 641px) {
    body:not(.ie) #container .ce_gridWrapper.grid-2-cols.two-columns-products {
   
       margin: 0 auto;
    max-width: 650px;
    column-gap: 4%;
    grid-template-columns: 48% 48%;
    }
}

.ce_h3d_simpleOrderForm fieldset.payment_method span>input[value=PayPal]+label, .ce_h3d_simpleOrderForm fieldset.payment_method span>input[value=Paypal]+label, .ce_h3d_simpleOrderForm fieldset.payment_method span>input[value=paypal]+label {
    background: url(../../files/media/images/logos/PayPal.svg)  150px center no-repeat;
    background-size: contain;
}


.ce_h3d_simpleOrderForm fieldset.payment_method span>input[value=CC]+label, .ce_h3d_simpleOrderForm fieldset.payment_method span>input[value=Kreditkarte]+label, .ce_h3d_simpleOrderForm fieldset.payment_method span>input[value=cc]+label, .ce_h3d_simpleOrderForm fieldset.payment_method span>input[value=creditcard]+label {
    background: url(../../files/media/images/logos/Visa-Matercard.svg) 150px center no-repeat;
    background-size: contain;
}

.ce_h3d_simpleOrderForm fieldset.payment_method span>input[value=Bankeinzug]+label, .ce_h3d_simpleOrderForm fieldset.payment_method span>input[value=Bankeinzug]+label, .ce_h3d_simpleOrderForm fieldset.payment_method span>input[value=Bankeinzug]+label, .ce_h3d_simpleOrderForm fieldset.payment_method span>input[value=Bankeinzug]+label {
    background: url(../../files/media/images/logos/SEPA.svg) 150px center no-repeat;
    background-size: contain;
}

.discount_voucher_container{
	display:none;
}

.ce_h3d_simpleOrderForm .widget.checkbox.terms_privacy{
	margin-top:20px;
}

.ce_product_select_box_new .headline_container * {
    font-size: 34px;
    margin-top: 7px !important;
}


.ce_product_select_box_new .headline_container .abo-name {
    font-size: 26px;
}

.ce_product_select_box_new .content_container .discount {
    margin: 15px auto 60px;
}

.ce_product_select_box_new .content_container .price-base {
    padding-left: 27px;
}

.ce_product_select_box_new .content_container .price {
    font-size: 80px;
}

.ce_product_select_box_new .content_container .price-base span {
    line-height: 60px;
}

.ce_product_select_box_new .content_container .price-base span.currency{
	position:relative;
	top: -15px;
	left: -35px;
	font-size:15px;
}

.ce_product_select_box_new .content_container .price-period {
    font-size: 28px;
    line-height: 32px;
    margin-top: -10px;
}

.ce_product_select_box_new .content_container .payment{
    font-size: 20px;
}


.ce_product_select_box_new .button {
    padding: 5px 38px;
    font-size: 22px;
    font-weight: bold;
}

.ce_product_select_box_new .content_container .savings {
    font-size: 20px;
    line-height: 20px;
}

.bestellformular.bestellen-eins #main .clear{
	display:none;
}


.ce_product_select_box_new .headline_container {
    padding: 15px;
    background-color: gray;
}

.ce_product_select_box_new.no-bg {
    background-image: none;
}

.ce_product_select_box_new hr {
    border-top: 4px solid gray;
}

.ce_product_select_box_new .button {
    background: gray;
    margin: 20px auto 0;
}

.faq-headline h2 {
font-size:40px
}

#main .faq{
    margin-right: 30px;
}

#main .faq .ce_accordion {
border-bottom: 1px solid #e5e5e5;
}


#main .faq .ce_accordion>.toggler {
       font-weight: 900;
    font-size: 22px;
    line-height: 25px;
    text-decoration: none;
    position: relative;
    padding: 20px 20px 20px 0;
    display:flex;
}
#main .faq .ce_accordion>.toggler::before {
    display:none; 
    content: none;
}

#main .faq .ce_accordion>.toggler::after {
content: " +"; /* Adds the plus sign */
    font-weight: bold;
    font-size: 1.2em;
    position: absolute;
    right: 10px; /* Adjusts distance from the right border */
    top: 50%;
    transform: translateY(-50%); /* Centers the plus sign vertically */
}

#main .faq .ce_accordion>.toggler:focus {
    line-height: 24px;
    outline: 1px solid #005ca9;
    outline-offset: 0;
    margin-bottom:20px;
    padding: 38px 0 10px 0;
}

.faq-aktion{
	
    background-color: red;
    color: white;
    font-size: 16px;
    padding: 7px 10px 5px;
    font-weight: bold;
    margin: 5px 15px 5px 0;
    border-radius: 5px;
}

 #main .faq {
    text-align: left;
	}
	
/*New code
#main .faq .ce_accordion .accordion {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
}

#main .faq .ce_accordion> .toggler {
    cursor: pointer;
    padding: 10px;
    font-weight: bold;
    position: relative;
}

#main .faq .ce_accordion>.toggler:hover + .accordion {
    max-height: 1000px; 
}*/

/*Kontaktformular*/
.checkbox-visible input, #kontaktformular .checkbox-visible label{
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
}
/*Bestellformular Unterseiten*/
.flex-abo-bestellen aside, .flex-abo-bestellen .widget {
	font-weight:normal;
}

/*Ihr Abonnement*/
.abonnement-test .ihr-abonnement-titel{
	margin-bottom:40px;
}

.abonnement-test .ihr-abonnement-links{
    display: inline-block;
    width: 55%;
    margin-right: 35px;
}

.abonnement-test .ihr-abonnement-rechts {
    display: inline-block;
    width: 40%;
}

.abonnement-test .ce_text ul>li {
    padding-left: 37px;
    background-image: url(../../files/media/images/icons/check-blue.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-position: left 0px;
    background-size: 30px;
}

/*Smartbroker*/
.smartbroker-video{
	max-width:70%;
	margin: 0 auto;
}

/* Black Week */

/*
.product_selection h5 .warning {
	    font-size: 20px;
    background: #1f5f8f;
    padding: 5px;
    color: white;
}

.product_selection .warning.confirmation.information {
	color:green;
	font-weight:bold;
}

 .bestellen-eins .structured_form .formbody>fieldset>legend {
    	background: black;
    }

 .structured_form fieldset.product_selection .ce_product_selection_box.caption.black-headline>.headline_container h2
{
	background: black;
}

 .structured_form fieldset.product_selection .ce_product_selection_box>.headline_container h2 span.headline-rabatt{
	font-size:16px;
}


 .structured_form fieldset.product_selection .ce_product_selection_box .note{
display:inline-block;
}


 .structured_form fieldset.product_selection .ce_product_selection_box .strikethrough{
	margin-right:5px;
}

.structured_form fieldset.product_selection p{
	line-height: 1.2em;
}

.structured_form fieldset.product_selection p>span.confirmation{
	display:block;
	margin-bottom:10px;
}


 .structured_form fieldset.product_selection .ce_product_selection_box .price{
	margin-right:0;
}
.structured_form fieldset.product_selection .ce_product_selection_box .note.warning{
background: black;
    padding: 10px;
    border-radius: 10px;
    font-size: 16px;
    color: white;
    }
    
    
   
*/


/*3 Jahres Aktion*/
#article-913 .warning, #article-913 .warning span {
color: red;

}

/*Smartbox*/
.smartbox-button.button.bigbutton a{

	text-transform: none;
}

.mobile_menu nav ul li.erfolge, .mobile_menu nav ul li.partner, .mobile_menu nav ul li.unternehmen, .mobile_menu nav ul li.abo-kuendigen{
   display:none;
}

/*Agbs*/
  body:not(.ie).agb #container .mod_article.grid-3-cols-2-1 > .wrapper > .inside, body:not(.ie).agb #container .ce_gridWrapper.grid-3-cols-2-1 {

        text-align: center;
        
        background: #efefef;
    }
    .agb #main .faq {
    text-align: left;
	}
	
	.agb .faq-headline h2 {
    font-size: 24px;
	}

/*Dividenden Depot*/

body.dividendendepot header{
	display:none;
}
/*Media Queries*/
/* Ensure the button works across all browsers */



@media screen and (min-width: 641px) {
	    /*Bestellen*/

    body:not(.ie) #container .mod_article.grid-3-cols > .wrapper > .inside, body:not(.ie) #container .ce_gridWrapper.grid-3-cols {
        grid-template-columns: 31% 31% 31%;
        column-gap: 2.5%;
    }
    
    body:not(.ie).agb #container .mod_article.grid-3-cols-2-1 > .wrapper > .inside, body:not(.ie).agb #container .ce_gridWrapper.grid-3-cols-2-1 {
        display: grid;
        grid-template-columns: 40% 58%;
        column-gap: 1.515%;
        row-gap: 25px;
        margin: 40px;
    }
    
    .agb #main .faq {
    vertical-align: middle;
    margin-top: 60px;
}
}


@media screen and (min-width:701px){
	#nav-header {
		overflow:visible;
	}
	#nav-header ul.level_1 > li.erfahrungen {
		position:relative;
	}
	#nav-header ul.level_1 > li.erfahrungen > *:after {
		width:100%;
		height:20px;
		display:block;
		position:absolute;
		bottom:-5px;
		background:url("../../files/media/images/various/stars.png") no-repeat center center;
		background-size:80% auto;
		content:'';
	}

    #right .mod_article .formbox.first.formbox-erfolge {
        margin-top: 0;
    }
    
    .ce_chart_custom.erfolge .col_1, .ce_chart_custom.erfolge .col_2 {
    width:100%;
    padding:0;
   	
    }	
        #nav-main ul.level_1,  #nav-main ul.level_1>li.active {
        height: 40px;
        margin: 0;
        background-color: #0F243A;
        background: -moz-linear-gradient(270deg, #134891, #0F243A);
        background: -webkit-linear-gradient(270deg, #134891, #0F243A);
        background: -o-linear-gradient(270deg, #134891, #0F243A);
        background: -ms-linear-gradient(270deg, #134891, #0F243A);
        background: linear-gradient(180deg, #134891, #0F243A);
        -pie-background: linear-gradient(270deg, #134891, #0F243A);
        border-radius: 3px 3px 0 0;
    }
  
    
        #nav-main ul.level_1 li.bestellen-eins {
        background-color: #e1c46d;
        background: -moz-linear-gradient(270deg, #e1c46d, #b48d4d);
        background: -webkit-linear-gradient(270deg, #e1c46d, #b48d4d);
        background: -o-linear-gradient(270deg, #e1c46d, #b48d4d);
        background: -ms-linear-gradient(270deg, #e1c46d, #b48d4d);
        background: linear-gradient(180deg, #e1c46d, #b48d4d);
        -pie-background: linear-gradient(270deg, #e1c46d, #b48d4d);
    }
    
        #nav-main ul.level_1>li.bestellformular:not(.active) a {
      padding-left: 35px;
        background-image: url(../../files/media/images/icons/pfeil-weiss.png);
        background-repeat: no-repeat;
        background-position: 20px center;
    }

#nav-main ul.level_1>li.active+li>a, #nav-main ul.level_1>li.active+li>span, #nav-main ul.level_1>li.active>a, #nav-main ul.level_1>li.active>span, #nav-main ul.level_1>li.first>a, #nav-main ul.level_1>li.first>span,#nav-main ul.level_1>li>a, #nav-main ul.level_1>li>span {
	border-left: 1px solid #12478F;
}

#nav-main ul.level_1>li.active.bestellen-eins+li>a,#nav-main ul.level_1>li.bestellen-eins+li>a, ul.level_1>li.bestellen-eins>a, #nav-main ul.level_1>li.bestellformular:not(.active) a{
	border-left: 0;

}

#nav-main ul.level_1>li.active a, #nav-main ul.level_1>li.active span{
	text-decoration:underline;
}

.klein70 video{
    max-width: 70%;
}

.dividenden-depot .klein70 video{
    max-width: 100%;
}

.ihr-abonnement-video div.plyr--video {
    max-width: 700px;
    height: 395px;
    margin: 0 auto;
}
.bestellformular.bestellen-eins #container_inside {
        background: none;
}
}
@media screen and (min-width: 768px) {
	
/*Lettertest and Trustpilot*/
.lettertest-left{
	max-width:65%;
	display:flex;
	float:left;
}

.trustpilot-left{
	max-width:70%;
	display:flex;
	float:left;
}
/*Bestellen*/
body:not(.ie) #container .mod_article.grid-3-cols > .wrapper > .inside, body:not(.ie) #container .ce_gridWrapper.grid-3-cols {
		 
		 grid-template-columns: 29% 29% 29%;
            column-gap: 6%;
}


}


@media screen and (min-width: 1100px) {
	#header {
		height:auto;
    }
    .tabcontrol_tabs ul>li {
        font-size: 14px;
    }
}

@media screen and (max-width: 1025px) {
.li_check_24 ul>li {
    background-size: 35px;
    background-position: 0 7px;
    padding-left: 40px;
}



.lettertest.leserfeedback-oben.right img {
    width:100%;
}

.lettertest .content_container div:first-child {
    float: none;
    margin: 20px;
}

/*Bestellen*/
.ce_product_select_box_new .content_container .price-base {
    padding-left: 0;
}

}

@media screen and (min-width: 641px) and (max-width: 960px) {

   .ce_product_select_box_new .content_container .price-base .text {
	    display:block;
	    clear:both;
	}
	.ce_product_select_box_new .content_container .discount {
		font-size: 18px;
        margin-bottom: 24px;
}
}

@media screen and (min-width: 768px) and (max-width: 960px) {
    
.ce_product_select_box_new .content_container .price {
    font-size: 68px;
    padding-left: 30px;
}
}

@media screen and (min-width: 701px) {
    #header, #header>.inside {
        height: auto;
    }
}

@media screen and (max-width: 864px) and (min-width: 700px) {
	.li_check_24 ul>li {
            background-size: 25px;
            background-position: 0 10px;
            padding-left: 30px;
        }
        
            #main.sc2 {
        width: 57%;
        padding-right: 2%;
    }
    #right.sc2 {
        width: 40%;
    }
}


/* Adjust button for screens smaller than 768px */

@media screen and (max-width: 768px) {
    .button.bigbutton {
        transform: none !important;  /* Prevent scaling effect */
        width: 100% !important;  /* Full width on small screens */
        text-align: center !important;  /* Center text */
        padding: 10px !important;  /* Add padding */
    }

	.button.bigbutton a {
    display: inline-block !important;  /* Ensure it's treated as inline-block */
    color: #fff !important;  /* Ensure the text is white */
    font-size: 16px !important;  /* Make text slightly smaller on tablets */
    }
    
    .button.bigbutton.sprachnachricht-btn, .button.bigbutton.video-btn {
    	max-width:330px;
    }
    .lettertest.leserfeedback-oben.right {
        float: none;
        width: 100%;
        max-width: 100%;
	}
  .lettertest.leserfeedback-oben.left {
        float: none;
        width: 100%;
        max-width: 100%;
}
.smartbroker-video{
	max-width:100%;
	margin: 0 auto;
}
/*Lettertest and Trustpilot*/

.lettertest-left ul div, .trustpilot-left ul div {
	    text-align: center;
    margin: 0 auto 35px;
}
.trustpilot-right {
    width: 100%;
    max-width: 100%;
}
}
@media screen and (max-width: 642px) {
	
	 body:not(.ie) #container .mod_article.grid-3-cols > .wrapper > .inside, body:not(.ie) #container .ce_gridWrapper.grid-3-cols {
	 padding: 0 30px;
	 	
	 }	

	
	#main .faq{
    margin:40px;
}
	#main .faq-headline{
    margin-left:40px;
}
}

@media screen and (max-width: 330px) {
	.button.bigbutton {
        transform: none !important;  /* Prevent scaling effect */
        width: 100% !important;  /* Full width on small screens */
        text-align: center !important;  /* Center text */
        padding: 10px !important;  /* Add padding */
    }
    
    .button.bigbutton.sprachnachricht-btn, .button.bigbutton.video-btn {
    background:linear-gradient(180deg,#e2000a,#d20007);
    padding: 5px 0 !important;
	}
	
	.button.bigbutton.sprachnachricht-btn a, .button.bigbutton.video-btn a {
		font-size: 13px !important;  /* Make text slightly smaller on tablets */
		line-height: 1.5em;		
	}
    	
}