/* CALLED FROM DB */

@font-face {
    font-family: "Segoe UI";
    font-weight: 200;
    src: local("Segoe UI Light");
}
@font-face {
    font-family: "Segoe UI";
    font-weight: 300;
    src: local("Segoe UI Semilight");
}
@font-face {
    font-family: "Segoe UI";
    font-weight: 400;
    src: local("Segoe UI");
}
@font-face {
    font-family: "Segoe UI";
    font-weight: 600;
    src: local("Segoe UI Semibold");
}
@font-face {
    font-family: "Segoe UI";
    font-weight: 700;
    src: local("Segoe UI Bold");
}
@font-face {
    font-family: "Segoe UI";
    font-style: italic;
    font-weight: 400;
    src: local("Segoe UI Italic");
}
@font-face {
    font-family: "Segoe UI";
    font-style: italic;
    font-weight: 700;
    src: local("Segoe UI Bold Italic");
}

body {
    font-family: 'Segoe UI',source-sans-pro,sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6rem;
    background-color: #d4d6db !important;
}
.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}
.row > [class*='col-'] {
    display: flex;
    flex-direction: column;
}
ul { margin: 0px 0px 10px -18px; }
.container-fluid { padding: unset; }
.bg-lightblue { background-color: #e7eef4; }
.fc-blue { color: #064f8d; }
.smaller { font-size: 0.7rem; line-height: initial; margin-top:0; }
.btn-custom, .btn-custom:hover, .btn-custom:active, .btn-custom:focus { background-color: #362774; border-color: #064f8d; border-radius: unset; color: white; }
.btn-custom:focus { box-shadow: 0 0 0 .2rem rgba(6,79,141,.5); }
.input-custom { height: 2.5rem; border: unset; padding: 1rem; width: 100%; }
.right-column-mobile { position: fixed; bottom: 0px; z-index: 5; font-size: 0.75em; line-height: 1.25em; }
.right-column-mobile .btn-custom { height: 2.5rem; font-size: 0.8rem; padding: unset; }
.right-column-mobile .smaller { font-size: 0.6rem; }
.right-column-mobile h2 { font-size: 1.3rem; }
.right-column h2 { padding-top: 3rem !important; padding-bottom: 1.5rem !important; }
.jumbotron { padding: 1.5rem; margin-bottom: unset; border-radius: unset; background-color: #eaeeef;  }
.kontakt { background-color: #465052; color: white; }
.kontakt a { color: #1b9dcc; }
.kontakt p { font-size: 0.8rem; line-height: 1.2rem; margin-bottom: unset; }
.kontakt h4 { font-size: 0.9rem; font-weight: bold; margin-bottom: 1.6rem; }
li { list-style-type: disclosure-closed; color: #084c93; font-weight:bold; }

h1, h2 { margin:0px !important; font-size: 1.5rem; line-height:1.8rem; font-weight: bold;  }
h2     { margin:20px 0px 16px 0px !important; }

p.report-anfordern {
    font-family: Arial, Helvetica, sans-serif;
    color:#000;
    font-size:34px;
    font-weight:bold;
    margin:-24px 0px 20px 0px;
}

p.formulartext {
    color:#000 !important;
    font-size:14px;
    line-height:20px;
    width:100%;
}

.form-control {
    min-height: 2.5em;
    padding: 0em 0em 0em 0.7em;
}

.listLeitfaden li { color:#fff !important; font-weight:normal !important; text-align:left; font-size:18px; line-height:21px; padding-bottom:11px; }

.button1 { width:12%; float:left; }
.button2 { width:18%; float:left; } 
.button3 { width:13%; float:left; } 
.buttonText { width:57%; float:left; }

.einzigartig { font-size:30px; margin:0px 0px 30px 0px !important; font-weight:bold; }

.wrapperHeadline {
    width: 47%;
    margin:auto;
    padding:30px 30px 0px 0px;
}

.landingpageHeadlineL, .landingpageHeadlineR {
    font-weight:bold;
    font-family: arial, sans-serif;
    color: #000;
    font-size: calc(20px + (28 - 16) * ((100vw - 320px) / (1600 - 320)));
    line-height:1.8em;
    white-space: nowrap;
    margin:0;
}

.landingpageH1Big {
    font-size: calc(26px + (28 - 16) * ((100vw - 320px) / (1600 - 320)));
}

.landingpageHeadlineL { text-align: left; }
.landingpageHeadlineR { text-align: right; padding-left:30px; }

.cover-und-innenseiten {
    text-align:center;
    margin:-220px auto auto auto;
    width:100%;
    max-width:800px;
    height:auto;
}

.header {

   background-image: url('https://img.boersenverlag.de/poster-aktion/vermoegensschutz-report/header-variante-2.jpg');   
   background-position: 50% 50%;
   background-size: cover;
   background-color:#979694 !important;
   background-position-x: center;
   background-repeat: no-repeat;
   height: 500px;
   padding:0px;
}

@media (max-width: 1400px) {
    .header { height: 400px; }
    .wrapperHeadline { width: 60%; }
    
}
@media (max-width: 1300px) {
    .header { height: 350px; }
    .cover-und-innenseiten {
        text-align:center;
        margin:-120px auto auto auto;
        width:90%;
        max-width:700px;
        height:auto;
    }
}
@media (max-width: 1000px) {
    .header { height: 300px; }
    .landingpageHeadlineL, .landingpageHeadlineR { white-space: wrap; padding:0; text-align:center; }
    .wrapperHeadline { width: 100%; padding:20px 20px 0px 20px; margin:0px; }

    .cover-und-innenseiten {
        text-align:center;
        margin:-120px auto auto auto;
        width:90%;
        max-width:600px;
        height:auto;
    }
}
@media (max-width: 900px) {
    .wrapperHeadline { width: 100%; padding:20px 20px 0px 20px; margin:0px; }
    p.report-anfordern { margin:20px 0px 20px 0px; font-size:24px; line-height:32px; }
    .landingpageHeadlineL, .landingpageHeadlineR { line-height:1.4em; }
}

@media (max-width: 700px) {
    .cover-und-innenseiten {
        text-align:center;
        margin:-120px auto 0px auto;
        width:90%;
        max-width:600px;
        height:auto;
    }
    p.report-anfordern { margin:-10px 0px 20px 0px; font-size:24px; line-height:32px; }
    .wrapperHeadline { width: 100%; padding:20px 20px 0px 20px; margin:0px; }
}

@media (max-width: 580px) {
    .cover-und-innenseiten {
        text-align:center;
        margin:-80px auto 0px auto;
        width:90%;
        max-width:600px;
        height:auto;
    }
    p.report-anfordern { margin:-10px 0px 20px 0px; font-size:24px; line-height:32px; }
    .wrapperHeadline { width: 100%; padding:20px 20px 0px 20px; margin:0px; }
}

.header .container { position: relative; }

.logo_header { position: absolute; left: 0px; top: 200px; width: 320px; background-color: white; padding: 1.7rem 2rem 1.7rem 2rem; box-shadow: 5px 5px 10px lightgrey; }

.cover .cover-button { position: absolute; width: 26%; right:2%; top:-15%; }
.cover-button2 { display: none; width:90px; text-align:center; margin:0 auto 0 auto; margin-top:-20px; cursor:pointer;  }
.cover .cover-akt    { width: 90%; }
.cover-button-gratis { background-color:#f19506; border-radius: 35px; padding:13px 34px 15px 34px; text-align:center; color:#fff; font-size:100%; font-weight:bold; cursor:pointer; display: inline; }

.cover     { position: relative; margin-top:240px; z-index:1; width:100% !important; margin-left:-80px; text-align:center; }

.content_1  { margin:80px 0px 20px 0px; width:50%; margin-left:10px; }
.content_2a { margin:0px  0px 20px 0px; width:40%; margin-left:10px; }
.content_2b { margin:0px  0px 20px 0px; width:40%; margin-left:10px; }
.content_3  { margin:0px  0px 20px 0px; width:66%; margin-left:10px; } 
.content_4  { margin:0px  0px 20px 0px; width:66%; margin-left:10px; }

@media (max-width: 1000px) {
    .cover { margin:340px 0px 0px 20px; width:100%; }
    .content_1  { margin:66px 0px 20px 0px; width:70%;  }
    .content_2a { margin:0px  0px 20px 0px; width:50%;  }
    .content_2b { margin:0px  0px 20px 0px; width:50%;  }
    .content_3  { margin:0px  0px 20px 0px; width:90%;  }
    .content_4  { margin:0px  0px 20px 0px; width:100%; }
}

@media (max-width: 780px) {

    .cover { margin:340px 0px 0px 50px; width:100%; }

    .cover-button-gratis { padding:5px 12px 5px 12px; text-align:center; color:#fff; font-size:100%; font-weight:bold; cursor:pointer; display: inline; }

    .content_1  { margin:66px 0px 20px 0px; width:70%;  }
    .content_2a { margin:0px  0px 20px 0px; width:60%;  }
    .content_2b { margin:0px  0px 20px 0px; width:60%;  }
    .content_3  { margin:0px  0px 20px 0px; width:90%;  }
    .content_4  { margin:0px  0px 20px 0px; width:100%; }
}

@media (max-width: 580px) {

    .cover { margin:240px 0 0 52%; width:47% !important; }

    .cover-button-gratis { padding:5px 12px 5px 12px; text-align:center; color:#fff; font-size:100%; font-weight:bold; cursor:pointer; display: inline; }

    .content_1  { margin:36px 0px 20px 0px; width:40% !important;  }
    .content_2a { margin:0px  0px 20px 0px; width:50%;  }
    .content_2b { margin:0px  0px 20px 0px; width:50%;  }
    .content_3  { margin:0px  0px 20px 0px; width:90%;  }
    .content_4  { margin:0px  0px 20px 0px; width:100%; }

    .cover-button, .cover-button-gratis { display: none; }
    .cover-button2 { display: block; }
}

@media (max-width: 440px) {
    .content_2b { margin:0px 0px 20px 0px; width:90% !important;  }

    .cover-und-innenseiten {
        margin:-40px auto 0px auto;
    }
}



.pt-100 { padding-top: 100px !important; }
.pb-end { padding-bottom: 220px !important; }

/* Logoleiste */
.logorow { background-color: white; }
.logorow1 { padding-bottom: 20px; padding-top: 10px; border-bottom: unset; }
div.footerTA { width: 100%; background-color: #eae9e4; margin: 0px; }
div.ta { display: table; }
div.tr { display: table-row; }
div.td { display: table-cell; }
div.footerTD1 { text-align: center; vertical-align: middle; border: 1px solid #ffffff; width: 17%; margin: auto; }
div.footerTD2 { text-align: center; vertical-align: middle; width: 14%; margin: auto; border: 1px solid #ffffff; }
img.footerImage1 { width: 80%; max-width: 160px; margin: 10px 0px 10px 0px; }

.formular { width:80%; margin-left:10px; }
#email { background-color: #e7e4ed; }
.btn {
    font-size:17px !important;
    height:40px;
    padding:0px 0px 0px 0px !important;
    margin:0px 0px 0px 10px !important;
}

@media (min-width: 1200px) {
    .container { max-width: 1040px; }
}

@media (max-width: 770px) {
    
    .button1 { width:25%; float:left; }
    .button2 { width:34%; float:left; } 
    .button3 { width:30%; float:left; } 
    .buttonText { padding-top:80px; width:100%; float:none; }
    .hidden-mobile { display: none !important; }

    .content_1, .content_2a, .content_2b, content_3, .content_4, .content_5, .mbr-fonts-style, 
    .listLeitfaden li { font-size:16px !important; line-height: 1.4rem; }
    p.formulartext    { font-size:14px !important; line-height:20px; width:100%; }

    h2.einzigartig { font-size:24px !important; margin:-20px 0px 30px 0px !important; font-weight:bold; }
}

@media (max-width: 400px) {
    .button1 { width:30%; float:left; }
    .button2 { width:40%; float:left; } 
    .button3 { width:30%; float:left; } 
    .buttonText { padding-top:80px; width:100%; float:none; }
}

/* M */
@media (max-width: 575px) {
    .formular { width:96%;  margin:0px; }
    .header { background-position-x: -370px; height: 192px; background-size: 1200px; }
    .header .container { position: relative; }
    .header .logo_header { top: 0px; left:50%; width: 180px; padding: 0.5rem;  }
    .left-column h1, .left-column h2, .left-column p { text-align: left; }
    .kontakt .col-12 { padding-bottom: 40px; }
    .xs-pl-20 { padding-left: 20%; }
    .pt-xs-3 { padding-top: 1rem !important; }
    h1, h2 { font-size: 1.2rem; line-height:1.5rem; }
    body { font-size: 16px; line-height: 1.5rem; }
}

/* T */
@media (min-width: 575px) AND (max-width: 991px) {   
    h1, h2 { font-size: 1.4rem; line-height:1.7rem; }
    .formular { width:100%; margin:0px;  }
}

@media (max-width: 430px) {
    ul { margin: 0px 0px 0px -20px; }
    .header { background-position-x: -420px; height: 200px; background-size: 1200px; }
}

@media (max-width: 370px) {
    .btn-custom, .btn-custom:hover, .btn-custom:active, .btn-custom:focus { font-size:13px !important; line-height:13px;  }
    .header .logo_header { top: 0px; left:44% !important; width: 180px; padding: 0.5rem; border:none; }
}

@media (max-width: 290px) {
    ul { margin: 0px 0px 0px -20px; }
    .header { background-position-x: -420px; height: 200px; background-size: 1200px; }
}

.logorow1 { padding-bottom: 20px; padding-top: 10px; border-bottom: unset; }
div.footerTA { width: 100%; background-color: #eae9e4; margin: 0px; }
div.ta { display: table; }
div.tr { display: table-row; }
div.td { display: table-cell; }
div.footerTD1 { text-align: center; vertical-align: middle; border: 1px solid #ffffff; width: 17%; margin: auto; }
div.footerTD2 { text-align: center; vertical-align: middle; width: 14%; margin: auto; border: 1px solid #ffffff; }
img.footerImage1 { width: 80%; max-width: 160px; margin: 10px 0px 10px 0px; }

.cid-rHx6tqqKny { background-image: url("https://www.boersenverlag.de/fileadmin/img/Seitenheader/tm-boersenverlag_institut_headerx.jpg"); }

.cid-rHwNe9GmHx .form-control, .cid-rHwNe9GmHx .form-control:focus {
    background:#e7e4ed;
    font-size:16px;
    color:#000;
    border:none;
}

.cid-rHwNe9GmHx .form-container {
    border:none;
    padding:0;
}