/*tmp*/
    .devisen-trader .geschenke-list{
        display:none;
    }

    /*Debug*/

        .myDebug {
            background-color: white;
            position: fixed;
          -moz-animation-duration: 5s;
          -moz-animation-delay: 5s;
        }

/* Allgemeines Format*/

    body, p,  li {
    font-size: 16px;
    font-family: "Roboto Condensed", Arial, sans-serif;
    color: #666;
    font-weight:300;
    line-height: 20px;
    }

    /* Struktur*/ 
        .row{
            margin:0;
        }

        .col{
            padding:0;
            margin:0;
        }

        hr{
            border-top: 1px solid #e9e9e9;
            margin: 10px 0 0;
        }

    /* Text*/

        /*Headlines*/
            h1,h2,h3,h4,h5{
                font-family: "Roboto Condensed", Arial, sans-serif;
            }
        /*Text-align*/
            .centered{
                text-align:center;}

            .aligned-left{
                text-align: left;
            }
            .aligned-right{
                text-align: right;
        }


        /*Text-color*/

            .red-text{
                color:red;
            }

            .green-text{
                color:#5aac44;
            }

            .blue-text{
                color:#004663;
            }


 
        /*Font-weight*/
            .bold-text{
                font-weight: bold;
            }

        /*Fotn-size*/
            .font-size-20{
                font-size:20px;
                line-height: 26px;
            }

        /*Text-Style*/
        .cursive-text{
            font-style: italic;
        }


    /* Buttons*/
        .btn-green{
            /*background: #5aac44;*/
            color:#fff;
            background: #68b603;
            background: -moz-linear-gradient(270deg,#68b603,#03aa03);
            background: -webkit-linear-gradient(270deg,#68b603,#03aa03);
            background: -o-linear-gradient(270deg,#68b603,#03aa03);
            background: -ms-linear-gradient(270deg,#68b603,#03aa03);
            background: linear-gradient(180deg,#68b603,#03aa03);
            border: 1px solid #FFF;
            border-radius: 2px;
            background-position: 15px center;
        }

        .btn-red{
            background: red;
            color:#fff;
        }

        .btn-grey{
            background: #555;
            color:#fff;
        }

        .btn-blue{
            background: #004a80;;
            color:#fff;
            border:0;  
        }
        .btn-blue:hover{
        color:#fff;
        background: #000;
        }
        .btn-square{
            border-radius: 0;
        }

        .width-50{
            width:50%;
        }

    /*Webseite Elements and Sections*/

        /*--Header--*/        
            .tg-logo-wrapper{
                display: block;
                background: white;
                margin: 0 12px;
                padding: 0 5px 5px;
                border-radius: 0 0 5px 5px;
                position: absolute;
                right: 0;
            }

            .tg-logo{
                max-width: 150px;
            }
    
            .banner{
                background:url('../images/header.jpg') no-repeat;
                height:100%;
                background-size: cover;
            }

        /*Navigation */

            .navbar-default, section.navigation-wrapper{
                border:#004a80;
                background: #004a80;
                height: 90px;
                z-index:999;
            }

            header .navbar{
                margin: 0;
                background: #f9f9f9;
                color: #004663;
                width: 100%;
                border-radius: 0;
                float: none;
                border: 0;
                box-shadow: 0 1px 4px #9d9d9d;
            }


            div.navbar-collapse{
             text-align: center;
             /* display: block !important; */
             height: auto !important; 
             padding-bottom: 0;
             width: 100%;
             margin:0 auto;
            }

            .navbar-default .navbar-toggle{
                font-weight: bold;
                border: 2px solid #fff;
                color: #fff;
            }


            ul.navbar-nav.nav {
                float: none;
                text-align: center;
               /* display: inline-block;
                width: 100%;
                /*max-width: 1024px;*/
            }
            .navbar-default .navbar-nav>li.nav-item{
                display: inline-block !important;
                width: 115px;
                margin-bottom:-5px;
            }

            .navbar-default .navbar-nav>li.nav-item:hover{
                cursor:pointer;
            }
            .navbar-default .navbar-nav>li.nav-item .produkt{
                padding: 10px 0;
                margin-top: -10px;
                height: 70px;
                top: -10px;
            }

            .navbar-default .navbar-nav>li.nav-item .produkt:hover{
                cursor:pointer;
            }

            .navbar-default .navbar-nav>.nav-link-wrapper a:hover, .navbar-default .navbar-nav>.nav-link-wrapper a:focus, .slider a.nav-link:hover, .slider a.nav-link:actvie, .slider a.nav-link:focused, .slider a.nav-link:visited {
            color:#fff;
            text-decoration: none;
            }
            .navbar-default .navbar-nav>li.nav-item:first-child{
                border-left: 0;
            }

            .navbar-default .navbar-nav>li.nav-item:last-child{
                border-right:0;
            }

            .navbar-default .navbar-nav>li>a{
                color: #004663;
                font-size: 16px;
                padding: 15px 12px;
                text-transform: uppercase;
                font-weight: bold; 
                text-decoration: none;  
            }

            .nav-link-wrapper{
                display: inline-block;
                position: relative;
                text-transform: capitalize;
            }

            .nav-link{
                    color: #fff;
                    font-size: 13px;
                    font-weight: bold;
                    padding: 5px 0;
            }

            .slider a.nav-link:hover, .slider a.nav-link:focus,  .slider a.nav-link:active{
                    color: #fff;
                text-decoration: none;  
            }


            .navbar-default .navbar-nav>li .produkt img{
                clear: both;
                float: none;
                display: block;
                max-width: 55px;
                margin: 5px auto;
                width: 100%;
            }

            .navbar-default .navbar-nav>li .produkt i{
                    color: #003366;
            }

            .navbar-default .navbar-nav>li .produkt a{
                font-size: 12px;
                font-weight: bold;
            }

            .navbar-default .navbar-nav>li.nav-item.activeactive .produkt, .navbar-default .navbar-nav>li.nav-item:hover .produkt, .navbar-default .navbar-nav>li.nav-item .produkt:hover{
                background:#f9f9f9;
                text-decoration:none;
                cursor:pointer;
            }

            .navbar-default .navbar-nav>li.activeactive .produkt a, .navbar-default .navbar-nav>li.nav-item:hover .produkt a, .navbar-default .navbar-nav>li.nav-item .produkt:hover{
                color:#004a80;
                text-decoration: none;
                cursor:pointer;
            }



            /*Labels*/

                .aktiv-wrapper .label{
                    background: #5aac44;
                }

                .offen_zahlung_wrapper, .aktiv-wrapper{
                    margin-top:-20px;
                }

                .offene-zahlung{
                    margin-top:-40px;
                    padding:20px 0; 
                }
                /*-wrapper{
                        border: 1px solid #414d88;
                    border-radius: 90px 90px 0 0;
                    padding: 0 10px;
                    width: 115px;
                    height: 60px;
                    background: #414d88;
                    margin: 0 auto;
                }
                */

            /*Carousel*/

            .slick-slider{
                padding:5px;
            }

            .slick-wrapper{
                margin: 0 auto;
                width:100%;
                position: relative;
                display: block;
            }

            .slick-list {
                position: relative;
                display: block;
                overflow: hidden;
                margin: 0;
                padding: 0;
            }

            ul.navbar-nav.nav.slick-track{
                position: relative;
                display: block;
                top: 0;
                left: 0;
            }

            .slider button.slick-arrow{
                width: 25px;
                height: 38px;
                background: transparent url(../images/arrows.png) no-repeat top left;
                position: absolute;
                text-indent: -9000px;
                opacity: 0.7;
                cursor: pointer;
                z-index: 100;
                top: 35px;
                left: -45px;            
            }

            .slick-prev {
                left: -25px;
            }

            /*.slick-next:before {
                content: '→';
            }*/

            .slider button.slick-next {
                background-position: top right;
                left: auto;
                right: -40px;            
            }

            .slick-prev:before, .slick-next:before {
                color: black;
            }
            
            /*.slick-prev:before {
                content: '←';
            }*/

            .slick-prev:before, .slick-next:before {
                font-family: 'slick';
                font-size: 20px;
                line-height: 1;
                opacity: .75;
                color: white;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }
            
            .slick-prev, .slick-next {
                font-size: 0;
                line-height: 0;
                position: absolute;
                top: 50%;
                display: block;
                width: 20px;
                height: 20px;
                padding: 0;
                -webkit-transform: translate(0, -50%);
                -ms-transform: translate(0, -50%);
                transform: translate(0, -50%);
                cursor: pointer;
                color: transparent;
                border: none;
                outline: none;
                background: transparent;
            }
            .nav-item{
                display: inline-block;
                padding: 0 2%;
            }
            .nav-item img{
                max-width:115px;
            }
        /*sidebar*/

            .navigation-sidebar .livetrading-wrapper{
                margin: 0 0 10px 0;
                padding: 10px 0;
                text-align: center;
                color: #fff;
                background: #004a80;
            }

            .navigation-sidebar .livetrading-wrapper i{
                margin-right:5px;
            }

            .navigation-sidebar .livetrading-wrapper a{
                color: #fff;
                text-transform: uppercase;
                font-weight: bold;
            }

            .navigation-sidebar ul {
                /*border: 1px solid #ddd !important;*/
                outline: 0 !important;
                background: #fff;
                padding: 0;
            }

            .navigation-sidebar ul li{
                border-left: 3px solid #004a80;
                border-bottom: 1px solid #d7d8da;
                display: block;
                color: #848889;
                text-decoration: none;
                font-weight: 300;
                text-transform: uppercase;
            }

            .navigation-sidebar>ul>li>a {
                color: #004a80;
                background-color: #f6f6f6;
                border-radius: 0;
                font-size: 18px;
                font-family: "Roboto Condensed", Arial, sans-serif;
                font-weight: bold;
            }

            .navigation-sidebar ul li:hover{
                border-left: 3px solid #414d88;

            }

            .navigation-sidebar ul li:hover a, .navigation-sidebar>ul>li:hover a, .navigation-sidebar  .nav-pills>li.active>a:focus, .navigation-sidebar  .nav-pills>li.active>a:hover, .nav .navbar-nav .nav-item .produkt:hover, .inside .nav .nav-item .produkt:hover{
            background: #004a80;
            color: #fff;
            }

            .nav-pills>li.active>a, .nav-pills>li.active>a:focus{
                color: #004a80;    
                background-color: #f6f6f6;
                border-radius: 0;
            }
            .nav-pills-toggle{
                width: 100%;
                background: #004a80;
                color: #fff;
                border: 0;
                padding: 10px 0;
            }

            .nav-pills-toggle span{
                text-transform: uppercase;
                font-weight:bold;
            }
            .navigation-sidebar-4>ul>li.current-menu-item>a {
                font-weight: 700;
                border-top: 1px solid #fdfdfd;
                border-right: 1px solid #fdfdfd;
                border-radius: 0;
                font-size: 15px;
                font-family: "Roboto Condensed", Arial, sans-serif;
            }

            ul>li.current-menu-item.active a {
            background: #004a80;
            color: #fff;
            }

            .menu-item>a:hover, .menu-item>a:hover {
                background-color: #f6f6f6;
                color:#004a80;
            }

            .nav>li>a>img {
                max-width: 40px;
            }

            /*sidebar-offen*/
                /*.sidebar-offen .navigation-sidebar>ul>li>a.grau {
                    color: #999;
                }*/

            .sidebar-offen  .menu-item>a:hover, .sidebar-offen  .menu-item>a.grau:hover, .sidebar-offen  .navigation-sidebar ul li:hover a.grau {
                background-color: #d3d3d3;
                color:#333;
            }

            /*User-Module*/
                
                .sidebar .user-module{
                    text-align: left;
                    margin-top:20px;
                }

            /*Alles Bestellen*/
                .sidebar .bestellenalles-btn-wrapper{
                    text-align: center;
                    margin:5px 0 ;
                }

                .sidebar .bestellenalles-btn-wrapper a{
                    float: none;
                }

        /*--User Module --*/
            .user-module{
                margin: 0 0 10px;
                background: #f6f6f6;
                font-family: "Roboto Condensed", Arial, sans-serif;
                border: 1px solid #d7d8da;
                padding: 0;
                text-align: center;
            }

            .user-module i{
                margin-right: 10px;
                width: 15px;
            }

            .user-module a{
                display: inline-block;
                padding: 10px 15px;
                text-transform: uppercase;    
                color:#004a80;
            }

            /*--User Module Zurück*/
           
                .user-module.zuruck{
                    margin-bottom: 0;
                    text-align: center;
                }

        /*--Main--*/

            section.main{
                padding:20px 0;
                background: #fff;
            }

            div.container{
                max-width: 962px;
            }

            .box {
                border-radius: 20px 0;
                border: 1px solid #ddd;
                margin:0 auto 30px;
                padding:20px;

            }

            .box-title-wrapper {
            }

            .box-title{
                color: #004663;
                padding: 0 0 5px;
                border-bottom: 2px solid #004663;
                margin: 0 0 10px 0;
            }

            .box .box-untertitel{
                color: #004663;
                font-weight: 700;
            }

        /*--Footer--*/

            footer{
                background: #004a80;
                margin:20px 0 0;
                text-align: center;
                padding: 20px 0;
            }

            footer p{
                font-size: 13px;
                color:#f9f9f9;
            }

            footer ul{
                    display:inline-block;
            }
            
            footer li{
                display:inline-block;
                list-style: none;
                border-right:1px solid #999;
                padding: 0 10px;
                color: #f9f9f9;
            }

            footer li:last-child{
                border-right: 0;
            }

            .footer-navigation {
                float: none;
            }

            .login p.footer-copyright, p.footer-copyright  {
                float: none; 
                color:#fff;
            }

            .footer .fixed-width {
                margin-top: 25px;
                margin-bottom: 15px;
                padding: 0;
            }

            footer a, .login footer  a, .login footer a:link, footer a:hover, .login footer  a:hover, footer a:visited, .login footer  a:visited {
                color:#fff;
            }

/*--Seiten*--*/

    h2.seite-title{
        color:#004663;
    }

    /*--Einloggen--*/

        body.login, p.login,  li.login {
            font-size: 16px;
            color: #666;
            font-weight:300;
            line-height: 20px;
        }

        body.login{
            background:#f7f7f7;
        }


        .login a, .login a:visited, .login a:link{
            color:#1B7FCC;
            text-decoration:none;
        }

        .login a.btn-green, .login a:visited.btn-green, .login a:link.btn-green{
            color:#fff;
        }

        .login a:hover{
            color:#1B7FCC;
            text-decoration:underline;
        }

        .login h2.headline{
            font-size: 28px;
            font-style: normal;
            font-weight: 300;
            color: #333333;
            text-align: left;
            margin: 20px 0;
        }

        .login p, .login .single-post-content li, .login #content_area li, .login .op-popup-button .default-button {
            font-style: normal;
            font-weight: 300;
            font-size: 16px;
            font-family: "Roboto Condensed", Arial, sans-serif;
            color: #444444;
        }

        .login .ncore_form_buttons.submit-wrapper{
        margin:10px 0;
        }


        .login.site-header {
            background: url(images/header.jpg) no-repeat scroll top;
            background-size: 1600px auto;
        }
            
        .login img.header-background{
            width:100%;
        }

        .login div.container{
            max-width: 1024px;
        }

        .login section.main{
            margin: 0 60px;
            position: relative;
            top: -40px;
            background: transparent;
        }

        .login .col-md-6{
            padding:10px;
        }

        /*Boxes*/
        
            .login .feature-box{
                background: #fff;
                padding: 0 20px 20px;
                border:1px solid #ddd;
            }


            .login .feature-box.kundenbereich-wrapper{
                margin: 0 0 0 30px;
                height:350px;
            }

            .login.kundenbereich h2{
            margin:0;
            }

            .login .feature-box p {
                letter-spacing: inherit;
                line-height: 1.6em;
                margin-bottom:20px;
            }

            .login .feature-box.anmeldung-wrapper{
                padding:0;
                background: transparent;
                border: 0;
                margin-top:-20px;
            }


        /*Tabs*/
            .login .toggle-wrapper .btn-group.btn-toggle{
                width:100%;
            }

            .login .toggle-wrapper .btn-group.btn-toggle li{
                width:50%;
            }

            .login .toggle-wrapper .btn-group.btn-toggle li>a{
                background: #004a80;
                color:#fff;
                height:55px;
                margin:0;
            }
            .login .nav-tabs {
                border-bottom: 0;
            }

            .login .toggle-wrapper .btn-group.btn-toggle li.active>a{
                background: #fff;
                border-bottom: 0;
                color:#004a80;
                margin:0;
            }

            .login .toggle-wrapper .btn-group.btn-toggle li:last-child>a{
                margin:0;
            }
            .login .toggle-wrapper .btn-group.btn-toggle li>a :active{
                border-bottom:0;
                background:#fff;
            }

            .login .feature-box.anmeldung-wrapper .tab-content #einloggen{
                background: #fff;
                padding:30px;
                border:1px solid #ddd;
                border-top:0;
                height:295px;
            }
            
            /* Anmelde Form*/

            .login .anmelden-form label{
                display:none;
            }

            .login .anmelden-form .col{
                clear:both;

            }

            .login .anmelden-form .form-group{
                margin:10px 0;
            }

            .login .anmelden-form .anmelde-btn-wrapper, .login .other-anmelde-btn{
                margin: 15px 0 0 40px;
            }

            .login .form-username-wrapper, .login .form-password-wrapper{
                margin-bottom:10px;
            }

            .login label{margin-bottom:0;}

            .login input{
                border-radius:3px;
                border:1px solid #ccc;
            }

            .login label, .login legend {
                display: block;
                font-weight: 700;
                font-size: 13px;
            }

            .login .submit-wrapper input{
                    background: #fff;
                margin: 10px 0;
            }

            .login form input, .login form textarea {
                margin:0;
            }

            .login .anmeldung input{
                max-width:260px;
            }

            .login .feature-box.anmeldung-wrapper .tab-content #neu-anmelden{
                background: #fff;
                padding: 5px 20px 20px;
                border:1px solid #ddd;
                border-top:0;
                height:295px;
            }

            .login .feature-box.anmeldung-wrapper .tab-content #neu-anmelden h3{
                margin-top:10px;
            }

            .login .feature-box.anmeldung-wrapper .anmeldung> .tab-content:first-child {
                padding: 30px 30px 90px;
            }
           
            /*Noch kein leser*/

            .noch-kein-leser .btn-wrapper{
                text-align: center;
            }

    /*Start page*/

        .home-header{
            width:100%;
        }

            /*Produkte*/

                .inside .box .produkt{
                    text-align: center;
                    margin: 10px 0;
                    padding: 10px;
                    background: #f9f9f9;
                    height: 180px;
                }

                .inside .produkt-image{
                    max-width:300px;
                    width: 100%;
                    margin:0 auto;
                }

                .inside .produkt:hover{
                    background: #d9d9d9;
                }

                .inside .produkt .produkt-image-wrapper img{
                    width:100%;
                }

                .inside .produkt p{
                    font-size:12px;
                }   

                /*Rabatt-Button*/
        
                    .start-page .produkt-rabatt-btn{
                        max-width: 50px;
                        height: auto;
                        position: absolute;
                        right: 15px;
                        bottom: -5px;
                    }

                     .start-page .produkt-rabatt-btn img{
                        max-width: 50px;
                    }

                    .start-page .startpage-msj {
                        background: #333;
                        margin-left: -10px;
                        color: #fff;
                        text-align: left;
                        padding: 5px 10px;
                        line-height: 14px;
                    }
                /*Modal Pushsell*/
                .modal-pushsell .modal-body{
                    padding:0;
                }

                .modal-pushsell .modal-content-wrapper{
                    margin:0 auto;
                }

                .modal-btn-wrapper{
                    text-align: center;
                }

                .kunden-werben-kunden-start{
                    text-align: center;
                }

                .kunden-werben-kunden-start img{
                    width: 100%;
                    max-width: 500px;
                    margin: 0 auto;
                }

                .kunden-werben-kunden-start .btn{
                    font-size: 20px;
                } 


    /*Aktuelle Ausgabe*/
        
        p.datum{
            margin:0;
            font-size:16px;
        }

        .ausgabe-img{
            max-height:55px;
        }
        .ausgabe a{
            color:#004663;
            font-weight:bold;
        }

        .archiv .row{
            padding: 10px 0;
            border-bottom: 1px solid #eee;
        }

        .archiv .row:last-child{
            border:0;
        }       

        .message.red-text{ 
        margin-bottom:15px; 
        }
    
        /*News*/
            .news-bar {
            	margin:0 0 20px 0;
            }


            .news-bar .unser-tipp {
                padding: 16px;
                background-color: #7CB832;
                font-weight: bolder;
                color: #fff;
                text-align: center;
                text-decoration: none;
                margin: 0;
            }

            .blockchain-investor .news-bar .unser-tipp {
                padding: 6px;
               
            }


            .news-bar .tipp{
            	background: #ededed;
                margin: 0;
                padding: 6px;
                text-decoration: initial;
                font-style: normal;
                text-align: center;
                font-size: 14px;
            }

            /*.news-bar p {
                width: 100%;
                display: block;
                background-color: #f2f2f2;
                padding: 10px 0;
                white-space: nowrap;
                font-size: 16px;
                line-height: 1em;
                border-radius: 3px;
                overflow: hidden;
                /*border: 1px solid #f40b2c;
            }*/

            /*.news-bar span{
                font-size:14px;
            }*/

            p.unten{
                text-align: center;
                margin: 0;
                padding:10px 0;
            }

            p.unten a{
                color:#004663;
            }

    
    /*Geschenke*/

        .geschenk{
            margin-bottom:30px;
        }

        .geschenk-title{
            margin-left: 45px;
            margin-top: 5px;
        }

        ul.geschenke-list{
            list-style: initial;
        }

        .geschenk-beschreibung-nur{
            font-size: 20px;
            line-height: 24px;
        }

        .box.offene-zahlung{
        padding-top:0;
        }

        .alert-offene-zahlung{
            margin:20px 0;
        }

        .img-offene-zahlung-wrapper{
            float: right;
            display: block;
            top: 0;
            margin-top:-1px;
        }

        .download-wrapper{
                text-align: center;
            margin: 15px 0;
        }

        .download-wrapper .button-wrapper{
            display: block;
            margin: 15px 0;
        }

        .download-wrapper .button-wrapper .download{
            background: #5aac44;
            color: #fff;
            padding: 10px 20px;
            margin: 10px 0;
        }


        .download-wrapper p{
            margin:0;
            font-size:12px;
        }

        .download-wrapper .pdf{
                height: 27px;
            margin: 0 10px;
            position: absolute;
        }

    /*Wichtige infos*/


        .wichtige-title{
            margin:5px 0 20px 45px;
        }


        .wichtige-infos .element{
            margin:20px 0;
        }

        .video-title{
            display:inline-block;
            margin:5px 0 20px 10px;
        }

        .video-lightbox-link {
            text-align: center;
            font-size: 12px!important;
            color: #a1a1a1;
            margin: 0 auto;
            max-width: 100%;
            width:200px;
        }

        .video-lightbox-link .frame-style-inner>a, .video-lightbox-link .frame-style-inner>img {
            display: block;
        }

        .video-lightbox-link.video-lightbox-style-1 .play-icon {
            background-image: url(../images/play-icon.png);
            background-repeat: no-repeat;
            background-position: left top;
            width: 92px;
            height: 92px;
            position: absolute;
            left: 50%;
            margin-left: -46px;
            top: 50%;
            margin-top: -46px;
        }

        .video-lightbox-link img {
            max-width: 100%;
            display: block;
            width: auto;
            height: auto!important;
        }

        .big-num{
            background: #004663;
            display: inline-block;
            padding: 8px 15px;
            color: #fff;
            float: left;
            margin-right: 5px;
            border-radius: 5px 0;
        }

        h3.video-heading{
                display: inline-block;
            margin-left: 12px;
            color: #004663;
        }

    /*Wo handeln*/

        .handeln-title{
            margin-bottom:20px;
        }

        .wo-handeln .unser-tipp{
            color:red;
        }

    /*Fragen*/

        .square{
            text-align: center;
            padding: 15px;
            background: linear-gradient(#ddd, #ededed, #ddd);
            border-radius: 5px 0;
            margin: 10px 0;
            font-size:14px;
            background: #f6f6f6;
            border: 1px solid #d7d8da;
        }

        .square:hover{
            cursor:pointer;
        }

        .square-bild{
            display: inline-block;
            float: left; 
        }
        .square-text{
            text-align: left;
        }

        .square-text p{
            font-size:14px;
        }

        /*Kontakt*/
        .toggle-wrapper{text-align: center; margin-top:20px;}

        .toggle-wrapper.kontakt .nav-tabs>li.active>a, .toggle-wrapper.kontakt  .nav-tabs>li.active>a:focus, .toggle-wrapper.kontakt  .nav-tabs>li.active>a:hover{
            background-color: #f6f6f6;
        }
        .form-wrapper{
            background: #f6f6f6;
            padding: 20px
        }
        form input, form textarea{
            border: 1px solid #DDD;
            width:100%;
            border-radius: 2px;
            display:block;
            padding:10px;
            margin:10px 0;
        }

        form input#submit{
                display: block;
            width: auto;
            background: #004a80;
            color: #fff;
            margin: 0 auto;
        }
        label{display: none;}

        form{margin:20px;}

        /*Daten*/
            #contact_form input{
                margin:0;
            }

            .alert-success{
                margin:20px 0;
            }

            .btn-abo-kuendigung{
                margin: 0 0 20px 20px;
            }
        
        /*Squares*/
            .square img{
                width:80%;
                margin:10px auto;
            }

            .square h3{
                margin-top:0;
            }

    /*Bestellen*/

        .bestellen-main .box-title{
            padding-right:0;
        }
                          
        .bestellen-main .produkt-rabatt-btn{
            position: absolute;
            right: -40px;
            top: -5px;
        }

        .btn-bestellen-wrapper{
            padding:20px 10px 20px 0;
        }

        .btn-bestellen, .btn-vergleichen{
                width: 100%;
            font-size: 16px;
            color:#fff;
        }

        .btn-bestellen{
            text-transform: uppercase;
            padding:10px 0;
            border-radius: 0;
            width: 100%;
        }

        .btn-bestellen.btn-kurz{
            width:70%;
        }

        .btn-vergleichen-wrapper{
            padding:0 20px 10px;
        }

        .btn-bestellen.redbutton{
            color:red;
        }

        .btn-red-bestellen-wrapper{
            margin-bottom:20px;
        }
        .btn-red-bestellen-wrapper   .btn-red-bestellen{
            padding: 12px;
            text-align: center;
            font-size: 21px;
        }

       
        /*--Eckdaten--*/

            .eckdaten{
                margin:0;
                text-align: center;
            }

            .eckdaten-daten{
                padding:5px;
                text-align: left;
            }

            .eckdaten-details{
                    margin: 15px 0;
                background: #f9f9f9;
                padding:10px;
            }
            .eckdaten-daten .row{
                padding:2px;
                border-bottom: 1px solid #cdcdcd;
            }
            .eckdaten-daten .row:last-child{
                border-bottom: 0;
            }

            .eckdaten i{
                display:inline-block;
                float: left;
                margin-right:5px;
            }

            .eckdaten .box-title{
                text-align: left;
            }
            .eckdaten p{
                font-size:12px;
                margin:0;
            }
            .eckdaten .detail-header{
                margin: 0 0 10px ;

            }
            .eckdaten p.detail-label{
                margin: 10px 0 0;
            }

            .emerging-markets .eckdaten .detail-header,.zukunfts-maerkte .eckdaten .detail-header{
                margin:0;
            }

            .eckdaten-image-wrapper img{
                width:50%;
            }


        /*--Accordion--*/

            .bestellen-main #accordion .panel-collapse {
                padding:15px;
            }

            .vorteile{
                text-indent: -0.65em;
            }

            .vorteile li{
                list-style: none;
            }
            .vorteile i{
                color:red;
                    margin-right: 5px;
            }

            .accordion-bild{
                float:right;
                margin-bottom: 10px;
            }
            .blockchain-investor #collapse_2 .accordion-bild,  .gewinner-aktien #collapse_1 .accordion-bild{
                width:100%;
                float:none;
            }

            .forex-signale .accordion-bild{
                max-height: 130px;
                width: auto;
            }
            .emerging-markets  #accordion .panel-collapse#collapse_0, .zukunfts-maerkte  #accordion .panel-collapse#collapse_0{
                overflow: hidden;
            }
            .emerging-markets .accordion-bild,.zukunfts-maerkte .accordion-bild{
                margin-bottom: -15px;
                margin-right: -15px;
            }
        /*--Modal--*/

            .modal-bestellen .modal-header{
                padding-bottom: 10px;
            }

            .modal-bestellen .modal-body{
               /* display: none;*/
                padding: 20px;
            }

            .modal-bestellen .blue-title{
                width: 100%;
                display: block;
                padding: 10px 20px 10px 40px;
                background: #337dbe;
                background: -moz-linear-gradient(270deg,#337dbe,#005cad);
                background: -webkit-linear-gradient(270deg,#337dbe,#005cad);
                background: -o-linear-gradient(270deg,#337dbe,#005cad);
                background: -ms-linear-gradient(270deg,#337dbe,#005cad);
                background: linear-gradient(180deg,#337dbe,#005cad);
                font-weight: 700;
                font-size: 26px;
                line-height: 26px;
                color: #FFF;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                background-position: 20px center;
                text-shadow: 1px 1px 1px #666
            }

            .modal-bestellen .grau-hintergrund {
                background: #EDEDED;
            }

            .modal-bestellen .modal-bestellen-inside{
                    padding: 20px;
            }

            .modal-content-wrapper{
                width: 80%;
                margin: 0 auto 20px;
            }

            .modal-image-wrapper img{
                width:80%;
            }

            .modal-content h3{
                margin:0;
            }

            .modal-image-wrapper{
                text-align: center;
            }
            .modal-content .alt-preis{
                color:red;
                text-decoration:line-through; 
            }

            .sparst-wrapper{
                text-align: center;
                margin:20px 0;
            }

            .modal-content .sparst{
                color:#5aac44;
                font-size:30px;
            }

            .modal-bestellen .checkbox_container .agbs-input{
                margin-top:20px;
            }

            .modal-bestellen .agbs-input{
            margin-top:20px;
            }
            .modal-bestellen .agbs-input-checkbox{
                display:inline-block;
                float:left;
                margin-right:10px;
            }

            .modal-bestellen label.agbs-input-text{
                display:block;
            }

             .modal-bestellen .bestellen-right li{
                    list-style:none;
                }
            .modal-btn-wrapper{
                text-align: center;
            }
            /*Abo-Optionen*/

                .modal-bestellen input.radio{
                    display: inline-block;
                    float: left;
                }

                .modal-bestellen .abo-options p, .modal-bestellen .abo-options li{
                    text-align:left;
                    margin-left:30px;
                    list-style: none;
                }

                .modal-bestellen .abo-options p b{
                color:#2c6ea7
                }

                .modal-bestellen .abo-options span.red-text p{
                margin:0;
                color:#fc2003;
                }



                /*Zahlungsweise*/

                    .modal-bestellen #ctrl_payment_selection input[name="payment_option"]{
                        margin-right:10px;
                    }
                    .modal-bestellen .modal-btn-wrapper{
                        margin-top:20px;
                    }

                    /*Bankeinzug*/
                        
                        .payment_method_bank{
                            padding:15px;
                        }
                        .sepa, .debit_info, .garantie{
                            margin-top:10px;
                        }

                        .garantie{
                            font-size:13px;
                            line-height: 15px;
                        }

                    /*Bestellen-Ergebnis*/
                    
                        .msg-bestellen-ergebniss, .btn-bestellen-ergebniss{
                            margin-top:20px;
                        }


    /*Change Password*/

    .password-zuruck-form .modal-content-wrapper {
        width: 50%;
    }

    .modal.bitte-warten, .bitte-warten .modal-body{
        min-height:300px;
    }

    /*Change E-Mail*/

    .change-email .form-wrapper {
        background: #f6f6f6;
        padding: 15px;
        margin: 20px 0 0;
    }

    .change-email .form-horizontal .form-group {
        text-align: center;
    }

    .change-email button.btn-green{
        width:50%;
    }

    .zugangsdaten-wrapper .square{
        text-align: center;
        padding: 15px;
        background: linear-gradient(#ddd, #ededed, #ddd);
        border-radius: 5px 0;
        margin: 10px 0;
        font-size:14px;
        background: #f6f6f6;
        border: 1px solid #d7d8da;
    }
   
    /*Abmeldung*/

        .abmeldung{
            margin-bottom: 30px;
            border-bottom: 1px solid #004663;
            padding: 0 0 30px;
        }

        .logout .inside .box{
            box-shadow: 1px 1px 1px #999;
        }

        .logout .box{
            text-align: center;
            margin: 10px 0;
            padding: 10px;
            background: #f9f9f9;
            height: 250px;

        }

        .logout .box img{
            width: 90%;
            max-width: 200px;
        }

    /*Vergleich*/
        
        .vergleich-wrapper{
            margin:10px;
        }

        .klausbg {
            background: #fff;
            height: 570px;
            text-align: center;
            font-family: "Roboto Condensed", Arial, sans-serif;
            cursor: default;
            padding: 0;
            margin-bottom: 30px;
            border-right: 1px solid #f0f0f0;
            
        }

        .klausheader {
            width:150px;
            border-bottom: 1px solid #f0f0f0;
        }

        .klausbg h5 {
            color: #004663;
            font-size: 30px;
            font-weight: 700;
            text-transform: uppercase;
            float: left;
            width: 100%;
            margin: 0;
            padding-top: 40px;
            padding-bottom: 10px;
        }

        .klaus_package {
            color: #2d2f37;
            font-size: 16px;
            font-weight: 300;
            text-transform: uppercase;
            float: left;
            width: 100%;
        }

        .klaus_price {
            font-size: 46px;
            font-weight: 300;
            float: left;
            width: 100%;
            margin-top: 10px;
        }

        .skinonecolor, .skinoneklaus_features i{
            color: #38b880;
        }

        .klaus_features {
            border-bottom: 1px solid #f0f0f0;
        }

        .klaus_features li {
            height: 40px;
            list-style: none;
            text-align: left;
            font-size: 14px;
            color: #54565b;
            font-weight: 400;
            padding-top: 10px;
            padding-left: 10px;
        }

        .klaus_features li i {
            padding-right: 10px;
            font-size: 16px;
        }

        /*Plans*/
           
            .plans {
                width: 100%;
                border-collapse: collapse;
                margin-top: 1.5em;
                margin-bottom: 3em;
            }

            .plans thead th {
                background-color: #f9f9f9;
                color: #555;
                padding-top: 0.5em;
                padding-bottom: 0.5em;
                vertical-align: bottom;
                text-align: center;
            }



            tr:last-child td, tr:last-child th {
                border-bottom: none;
            }

            .plans .btn:link, .plans  .btn:visited {
                display: inline-block;
                color: #fff;
                text-decoration: none;
            }

            .plans .btn {
                display: block;
                color: #fff;
                border: 0.1em solid #9bcf16;
                background: #9bcf16;
                color: #fff;
                cursor: pointer;
                border-radius: 0.2em;
                line-height: 1;
                padding: .6em 1em .6em;
            }
        

    /*Alles Bestellen*/

        .inside .bestellenalles-wrapper{
            padding: 5px;
        }
        .inside .bestellenalles-wrapper p{
            display: inline-block;
            font-size: 16px;
        }
        .inside .bestellenalles-btn-wrapper{
            text-align: center;
            margin: 0;
            display:inline-block;
        }

        .inside .alles-bestellen-btn{
            float:none;
            margin:10px 0;
                font-size: 14px;
        }

        .bestellenalles-wrapper{
            background: #f6f6f6;
            padding: 10px;
            margin-bottom:20px;
            border: 1px solid #d7d8da;
        }

        .bestellenalles-wrapper p{
             font-size: 16px;
             margin:5px;
        }

        .bestellenalles-wrapper p span{
            margin-left: 10px;
        }
        .bestellenalles-btn-wrapper a{
            padding: 5px 10px;
            margin:0;
            float:right;
        }
/*Video-Update*/

#myModal-VideoUpdate .modal-body video{
    width:100%;
}

/*Telegram*/

.navigation-sidebar ul li.telegram{
    margin-top:25px;
}

li.telegram img.icon-telegram{
        position: absolute;
    z-index: 999999;
    left: 12px;
    top: -12px;
    width: 50px;
}

li.telegram a.link-telegram{
    padding-left: 65px;
}

.webinar-label-wrapper input{
    display: inline-block;
    float: left;
    width: auto;
    margin-right: 5px;
}

label.webinar{
	display:initial;
}

/*App*/

/*.navigation-sidebar>ul>li>a.link-app {
    background: red;
    color: white;
}
*/
.link-app span.neu{
    background: red;
    color: white;
    padding:3px;
    border-radius:5px;
}

.app-download-button-wrapper{
display:flex;
gap: 1rem;
justify-content: center;
margin-top:1rem;
}

.app-download-button{
max-width:250px;
max-height:75px;
}


/*Media queries*/
@media (min-width: 801px){
        .nav-pills-toggle {
    display: none;
    }

    .collapse.navbar-collapse.nav-mobile{
                display:none !important; 
    }

}
@media (min-width: 768px){

    .login .container {
        width: inherit;
    }

    .modal-pushsell .modal-dialog {
    width: 704px;
    margin: 75px auto;
    }
    .product-moved{
        margin:100px 0;
    }
    

}
@media (min-width:767px) and (max-width: 992px) {

.navbar-default .navbar-nav>li .produkt a {
    font-size: 8px;
    font-weight: bold;
}

.square{
    padding:10px;
        min-height: 245px;
}

.square-bild{
    width:50%;
    float:none;
}

.square-text{
    text-align: center;
}
}

@media (min-width:992px){
/*.news-bar .unser-tipp:after {
    position: absolute;
    top: 50%;
    right: -1em;
    margin-top: -2em;
    content: "";
    width: 0;
    height: 0;
    border-top: 2em solid transparent;
    border-left: 1em solid red;
    border-bottom: 2em solid transparent;
    background-color: red;
    }*/
   /* ul.navbar-nav.nav{
    height: 60px;
    overflow: hidden;
    margin-bottom: -6px;
    }*/

    .square{
        min-height: 140px;
    }

    .zugangsdaten-wrapper .square {
    min-height: 0;  
    }

    .zugangsdaten-wrapper .square i {
        margin: 0 10px;  
    }
}

@media only screen and (max-width: 1279px) {
    .login  .banner .op-logo img {   
        height: 158px !important;
    }

    .login  .feature-box-22 {width:100% !important; margin-top:-50px !important;
    }
}

@media(max-width:1024px){
    .login  .feature-box.kundenbereich-wrapper {
    margin: 0;
    }
}



@media only screen and (max-width: 992px) {
    .login  .feature-box-22 {
        width:100% !important; margin-top:-37px !important;
    }
    .login  .banner .op-logo img {
        height: 158px !important;
    }

    .login .feature-box.anmeldung-wrapper form {
    margin: 0;
    padding: 0;
}

    /*Start-page*/

        .inside .box .produkt{
            height:135px;
        }

        .produkt-link h3{
            font-size:16px;
        }

        .geschenk{
        text-align: center;
    }
}


@media only screen and (max-width: 800px) {
   .login  .banner .op-logo img {
        height: 128px !important;
    }
    .login .feature-box-22 {width:100% !important; margin-top:-30px !important;
    }

    section.main {
    padding: 0;
    padding-top: 40px;
    }
    
    .news-bar strong:after {
        border-top: 0.5em solid #f40b2c;
        border-left: 1em solid transparent;
    }
    
    .narrow .news-bar strong:after { 
        border-top: 0.5em solid #f40b2c; }

    .tg-logo-wrapper{
        position: static;
        text-align: center;
    }

    .logo{
    width:100%;
    }   

    .login   .banner .op-logo img {
        height: 69px !important;
    }
    .login .site-header {
        background-size: 768px auto;
    }
    .login .feature-box-22 {width:100% !important; margin-top:-20px !important;}

    .login section.main{
        top:-20px;
        margin:0;
    }
    .login .feature-box.kundenbereich-wrapper {
        margin-bottom:10px;
        height:auto;
    }

    .login .feature-box.anmeldung-wrapper .tab-content{
        height:auto;
       }

    .login .feature-box.anmeldung-wrapper form{ 
        margin:0;
        padding:0;
    }

    .login .modal-body{
        padding:0;
        text-align: center;
    }

    .login .modal-content-wrapper {
    width: 100%;
    }

    .login .modal-title {
    text-align: center;
    text-transform: uppercase;
    }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #ddd;
    color: #004a80;
    }

    .slick-wrapper{
        display:none;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form{
        margin:0;
        padding: 0;
        background: #004a80;
    }

    .navbar-default .navbar-nav>li.nav-item{
        width:100%;
        border-right: 0;
        border-left: 0;
        border-bottom: 1px solid #d7d8da;
        padding: 5px 20px;
    }
    .navbar-default .navbar-nav>li.nav-item:first-child {
    border-left: 0;
    }

    .navbar-default .navbar-nav>li.nav-item:hover, .navbar-default .navbar-nav>li.nav-item.activeactive{
    background: #f9f9f9;
    }

    .navbar-default .navbar-nav>li .produkt, .navbar-default .navbar-nav>li.nav-item .produkt{
    text-align: left;
    display: initial;
    float: left;
    width:100%;
    height:auto;
    padding: 0;
    margin: 0;
    top: 0;
    }



    .aktiv-wrapper{
        top:15px;
    }

    .navbar-default .navbar-nav>li .screen-wrapper{
        display: inline-block;
        margin-right: 10px;
    }

    .navbar-default .navbar-nav>li .produkt a{
        display: inline-block;
        font-size: 18px;
        border: 0;
    }

    .navbar-default .navbar-nav>li .produkt a.nav-link-status{
        display:inline;
    }


    /*Inside*/
    .inside .box .produkt {
        height:auto;
    }
    .inside .box .produkt .produkt-image-wrapper img {
    width: 50%;
    }

    /*Start-page*/
    .produkt-link h3 {
    font-size: 24px;
    }

    .modal-pushsell .modal-dialog {
    width: 100%;
    margin: 20px auto;
    }

    .modal-pushsell .modal-content-wrapper {
    width: 100%;
    }

    .modal-pushsell img{
    width:100%;
    }
    /*Aktuelle Ausgabe*/
    .news-bar .unser-tipp{
    	padding:10px;
    }

    .news-bar .tipp{
    	font-size:14px;
    }
    .video-lightbox-link{
    margin-bottom:20px;
    }

    /*Fragen*/
    .square img {
    width: 50%;
    }

    /*Bestellen*/
    .btn-bestellen.btn-kurz{
    width:100%;
    }

    /*Change Password*/
    .password-zuruck-form .modal-content-wrapper {
    width: 50%;
    }

    }
    @media (max-width: 768px){


      .bestellen-main .produkt-rabatt-btn{
            position: absolute;
            right: 0;
            top: -15px;
        }
}

.abo_bestell_box{
margin-bottom: 3.2258%;
padding: 10px 15px;
background-color: #FFF;
border: 1px solid #bababb;
border-radius: 2px;
box-sizing: border-box;
}


@media(max-width:480px){
.app-download-button-wrapper{
display:block;
margin-top:1rem;
text-align:center;
}
.app-download-button-link{
    display:block;
    clear:both;
    width:100%;
    margin-bottom:30px;
    margin:0 auto;
}
.app-download-button{
max-width:none;
max-height:none;
    width:100%;
    margin-bottom:30px;
}

}