body{
    color: white;
    background-color: #219bdb;
    font-family: serenity, sans-serif;
    font-weight: 500;
    font-style: normal;
}

/* Some boostrap 4 addjustments */
.row{
    margin: 0px;
   }
   
/* ****************
*** Kopfbereich (normal) ***
**************** */
#pageHead{
    background-color: white;
    color: #707070;
    padding-top:34px;
    padding-left:0px;
    padding-right: 0px;
}
/* Logo link */
#pageHead a{
    text-decoration: none;
}
#pageHead a:hover{
    text-decoration: none;
}
#topLogo{ /*special for this icon in top row */
    /* max-width: 193px; */
    max-height: 90px;
    margin:0px;
    padding:0px;
    margin-left: 10px;
}
/* Emty row ;-) */
.emtyRow{
    font-size: 0.5rem;
}
/* Icon navigation on head  */
.topMedia{
    height:45px;
}
.mediaLink {
    color: #219bdb;

}
.mediaLink :hover{
    color: #219bdb;
    font-weight: 600;
    text-decoration: none;  
}
.topMediaP{ /* text behind top row icons */
    font-family: serenity, sans-serif;
    font-weight: 300;
    font-style: normal;
    margin:0px;
    margin-left: 15px;
    font-size: 1.05rem;
    color:#707070;
}
.topMediaB{ /*blue text behind top row icons*/
    color:#219bdb;
}
.topItemLight{ /* light text behind top row icons*/
    color:#707070;
    opacity: 0.6;
}
.imgIntern{ /*special for this icon in top row */
    height:55px;
    width:auto;
}
/* ***********************************************
*** Icon navigation in collapsed menu (normal) ***
*********************************************** */
.mediaLinkDd{
    height: auto;
    margin:0px;
    padding:0px;
}
.mediaLinkImgDd{
    width:50px;
    height:auto;
}
.mediaLinkBodyDd{
    margin:0px;
    padding:0px;

}
.topMediaDd{
    width: 150px;
    border: none;
}
.topMediaPDd{
    font-family: serenity, sans-serif;
    font-weight: 300;
    font-style: normal;
    margin:0px;
    font-size: 1rem;
    color:#707070;

}

/* ********************************************
*** Line under first pagehead row  (normal) ***
******************************************** */
.topHr{ 
    border-top: solid 4px #707070;
    margin:0;
    margin-top: 0.5rem;
}

/* ******************************
*** main navigation  (normal) ***
****************************** */
.navbar{
    padding-left: 10px;
}
.nav-item{
    max-width:190px !important;
}
.nav-link{
    font-family: serenity, sans-serif;
    font-weight: 300;
    font-style: normal;
    color:#707070;
    font-size: 24px;
    text-align: left;
    padding-left: 0px;
}
.dropdown-item{
    font-family: serenity, sans-serif;
    font-weight: 300;
    font-style: normal;
    color:#707070;
    font-size: 24px;
    text-align: left;
    padding-left: 0px;
}
.navbar a:hover{
    font-family: serenity, sans-serif;
    font-weight: 400;
    font-style: normal;
    color:#219bdb;
    font-size: 24px;
}
.nav-active{
    font-family: serenity, sans-serif;
    font-weight: 300;
    font-style: normal;
    color:#219bdb;
    font-size: 24px;
}
.navbar-nav{
    width:100% !important;
}
.navBarTogImg{
    width:40px;
    height:auto;
}
#prodDrop{
    width:900px;
    border:none;
    padding-top: 0px;
    padding-bottom: 0px;
}
.ddLink{
    text-align: center;
    background-color: #e0e0e0;
}
.firstDdItem{
    border-left: solid 3px #707070;
}
.lastDdItem{
    border-right: solid 3px #707070;
}
.prodDdClose{
    width: 30px;
    height:auto;
}
.ifyDropdownItem{
    border: none 0px #ffffff;
    padding-top:0px;
    padding-bottom: 0px;
    background-color: #ffffff;
    padding-left:5px;
}
.ifyDropdownItem a:hover{
    background-color: #d0d0d050;
}
.ifyDropdown{
    padding:0px;
    background-color: #d0d0d050;
    border: none 0px #ffffff;
}
/* ***************************
*** content areas (normal) ***
*************************** */
#contentArea{
    margin:0px;
    margin-top: 140px;
    padding: 0px;
}
#pagesArea{
    width:100%;
    margin:0px;
    margin-top:200px;
    padding:0px;
    background-color: #ff00b0;
}
.pageArea{
    padding:5%;
    margin: 0px;
}
/* *************************
*** page styles (normal) ***
************************* */
.page{
    width:100%;
    min-height:600px;
    padding:0px;
}
.bp{
    background-color: #219bdb;
}
.wp{
    background-color: #ffffff;
    color:#707070;
}
.bp-3{
    background-image: url(/images/Boegen-ws-ul.svg);
    background-repeat: no-repeat;
    background-size: 500px auto;
    background-position-x: left;
    background-position-y: bottom;

}
.bp-4{
    background-image: url(/images/Boegen-ws-ol.svg);
    background-repeat: no-repeat;
    background-size: 500px auto;
    background-position-x: left;
    background-position-y: top;

}
.bp-5{
    background-image: url(/images/Boegen-ws-or.svg);
    background-repeat: no-repeat;
    background-size: 500px auto;
    background-position-x: right;
    background-position-y: top;

}
.bp-6{
    background-image: url(/images/Boegen-ws-ur.svg);
    background-repeat: no-repeat;
    background-size: 500px auto;
    background-position-x: right;
    background-position-y: bottom;

}
.wp-7{
    background-image: url(/images/Boegen-bl-ul.svg);
    background-repeat: no-repeat;
    background-size: 500px auto;
    background-position-x: left;
    background-position-y: bottom;

}
.wp-8{
    background-image: url(/images/Boegen-bl-ol.svg);
    background-repeat: no-repeat;
    background-size: 500px auto;
    background-position-x: left;
    background-position-y: top;

}
.wp-9{
    background-image: url(/images/Boegen-bl-or.svg);
    background-repeat: no-repeat;
    background-size: 500px auto;
    background-position-x: right;
    background-position-y: top;

}
.wp-9{
    background-image: url(/images/Boegen-bl-ur.svg);
    background-repeat: no-repeat;
    background-size: 500px auto;
    background-position-x: right;
    background-position-y: bottom;

}
/* *** Standrad Text Content (normal) *** */
/* *** White page text content *** */
.stdTxtContW{
    color:#707070;
    font-family: serenity, sans-serif;
    font-weight: 300;
    font-size: 25px;
    font-style: normal;
}
.stdTxtContW h1{
    color: #219bdb;
    font-size: 42px;
    font-weight: 300;
}
.stdTxtContW h2{
    color: #219bdb;
    font-size: 37px;
    font-weight: 300;
}
.stdTxtContW h3{
    color: #707070;
    font-size: 27px;
    font-weight: 400;
    margin-bottom: 50px;
}
.stdTxtContW h4{
    color: #707070;
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 50px;
}
.stdTxtContW p{
    color: #707070;
    font-size: 25px;
    font-weight: 300;
}
.stdTxtContW ul{
    color: #707070;
    font-size: 25px;
    font-weight: 300;
}
.stdTxtContW li{
    color: #707070;
    font-size: 25px;
    font-weight: 300;
}

/* *** Blue page text content *** */
.stdTxtContB{
    color:#ffffff;
    font-family: serenity, sans-serif;
    font-weight: 300;
    font-size: 25px;
    font-style: normal;
}
.stdTxtContB h1{
    color: #ffffff;
    font-size: 42px;
    font-weight: 300;
}
.stdTxtContB h2{
    color: #ffffff;
    font-size: 37px;
    font-weight: 300;
}
.stdTxtContB h3{
    color: #ffffff;
    font-size: 27px;
    font-weight: 400;
    margin-bottom: 50px;
}
.stdTxtContB p{
    color: #ffffff;
    font-size: 25px;
    font-weight: 300;
}
.stdTxtContB ul{
    color: #ffffff;
    font-size: 25px;
    font-weight: 300;
}
.stdTxtContB li{
    color: #ffffff;
    font-size: 25px;
    font-weight: 300;
}
/* *** smaller Text Content (normal) *** */
/* *** White page text content *** */
.smTxtContW{
    color:#707070;
    font-family: serenity, sans-serif;
    font-weight: 300;
    font-size: 20px;
    font-style: normal;
}
.smTxtContW h1{
    color: #219bdb;
    font-size: 30px;
    font-weight: 500;
}
.smTxtContW h2{
    color: #219bdb;
    font-size: 28px;
    font-weight: 500;
}
.smTxtContW h3{
    color: #707070;
    font-size: 26px;
    font-weight: 500;
}
.smTxtContW h4{
    color: #707070;
    font-size: 24px;
    font-weight: 500;
    margin-top:10px;
}
.smTxtContW h5{
    color: #707070;
    font-size: 20px;
    font-weight: 500;
    margin-top:10px;
}
.smTxtContW p{
    color: #707070;
    font-size: 20px;
    font-weight: 300;
}
.smTxtContW ul{
    color: #707070;
    font-size: 20px;
    font-weight: 300;
}
.smTxtContW li{
    color: #707070;
    font-size: 20px;
    font-weight: 300;
}

/* *** Blue page text content *** */
.smTxtContB{
    color:#ffffff;
    font-family: serenity, sans-serif;
    font-weight: 300;
    font-size: 20px;
    font-style: normal;
}
.smTxtContB h1{
    color: #ffffff;
    font-size: 30px;
    font-weight: 300;
}
.smTxtContB h2{
    color: #ffffff;
    font-size: 28px;
    font-weight: 300;
}
.smTxtContB h3{
    color: #ffffff;
    font-size: 26px;
    font-weight: 300;
    margin-bottom: 50px;
}
.smTxtContB h4{
    color: #ffffff;
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 50px;
}
.smTxtContB p{
    color: #ffffff;
    font-size: 20px;
    font-weight: 300;
}
.smTxtContB ul{
    color: #ffffff;
    font-size: 20px;
    font-weight: 300;
}
.smTxtContB li{
    color: #ffffff;
    font-size: 20px;
    font-weight: 300;
}

/* *****************************
*** The page footer (normal) ***
***************************** */
#pageFoot{
    background-color: #219bdba0;
    color: #909090;
    width: 350px;
    right:30px;
    left:auto;
    font-size: 1.25rem;
}
#pageFoot a{
    color: #f0f0f0;
    text-decoration: none;
}
#pageFoot a:hover{
    color: #219bdb;
    text-decoration: none;
}
/* ******************************
*** The legal modals (normal) ***
****************************** */
.legalModal{
    color:#707070;
}
.legalModal .modal-title{
    color:#219bdb;
}
/* *********************
*** Content (normal) ***
********************* */
/* Type 1 (normal) */
.contImage{
    position: relative;
    text-align: center;
    color: white;
    padding:10px;
}
.startPageImage{
    width:100%;
    height: auto;
    margin: 0px;
}
.image-text-br{
    position: absolute;
    bottom: 8px;
    right: 3vw;
    font-family: serenity, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 3vw;
}
.image-text-bl{
    position: absolute;
    bottom: 8px;
    left: 100px;
    font-family: serenity, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 36px;
    margin-right: 75px; 
}
.image-text-tl{
    position: absolute;
    top: 50px;
    left: 3vw;
    font-family: serenity, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 5vw;
    margin-right: 75px;
    color: #219bdb;
}
.image-text-tr{
    position: absolute;
    top: 50px;
    right: 44px;
    font-family: serenity, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 36px;
    margin-right: 75px; 
}
/* *** Type 2 & 6 (normal) *** */
/* *** White page text content *** */
.leftTxtContW{
    margin:0px;
    padding:0px;
    padding-top: 4vw;
    padding-left: 3vw;
}
.leftTxtContW h2{
    color: #219bdb;
    font-size: 37px;
    font-weight: 300;
}
.leftTxtContW h3{
    color: #707070;
    font-size: 27px;
    font-weight: 400;
    margin-bottom: 50px;
}
.leftTxtContW h4{
    color: #707070;
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 50px;
}
.leftTxtContW p{
    color: #707070;
    font-size: 25px;
    font-weight: 300;
}
.leftTxtContW ul{
    color: #707070;
    font-size: 25px;
    font-weight: 300;
}
.leftTxtContW li{
    color: #707070;
    font-size: 25px;
    font-weight: 300;
}

/* *** Blue page text content *** */
.leftTxtContB{
    margin:0px;
    padding:0px;
    padding-top: 4vw;
    padding-left: 3vw;
}
.leftTxtContB h2{
    color: #ffffff;
    font-size: 37px;
    font-weight: 300;
}
.leftTxtContB h3{
    color: #ffffff;
    font-size: 27px;
    font-weight: 400;
    margin-bottom: 50px;
}
.leftTxtContB p{
    color: #ffffff;
    font-size: 25px;
    font-weight: 300;
}
.leftTxtContB ul{
    color: #ffffff;
    font-size: 25px;
    font-weight: 300;
}
.leftTxtContB li{
    color: #ffffff;
    font-size: 25px;
    font-weight: 300;
}
/* *** Picture Styles */
.rigthBorderPicCont{
    position: relative;
    right: -55px;
    top:0px;
}
.rightBorderPic{
    position:relative;
    margin-right:0px;
    padding-right:0px;
    right:0px;
}
/* *** Type 3 (normal) *** */
/* *** White Page with three cards*** */
.threeCardsContW{
}
.threeCardsContW{
    padding-left:2vw;
    padding-right: 2vw;
    padding-bottom: 60px;
}
.threeCardsContW .card{
    width:100%;
    border: none;
}
.threeCardsContW .col{
    padding-left: 10%;
    padding-right: 10%;
}
.threeCardsTitleW{
    color: #219bdb;
    font-size: 37px;
    font-weight: 300;
    padding: 3vw;
}
.threeCardsContW .card h2{
    color: #219bdb;
    font-size: 27px;
    font-weight: 300;
}
.threeCardsContW .card p{
    color: #707070;
    font-size: 23px;
    font-weight: 300;
}
.threeCardsContW .card li{
    color: #707070;
    font-size: 25px;
    font-weight: 300;
    border:solid 0px;
    padding: 0.1rem 0.75rem;
}
.threeCardImage{
    height:100px;
}
/* Type 4 (normal) */
.contTitleImage{
    position: relative;
    text-align: center;
    color: white;
    padding:10px;
}
.pageTitleImage{
    width:100%;
    height: auto;
    margin: 0px;
}
/* *** Type 5 (normal) *** */
/* *** Blue page text content *** */
.leftTxtContB{
    margin:0px;
    padding:0px;
    padding-top: 4vw;
    padding-left: 3vw;
}
.leftTxtContB h2{
    color: #ffffff;
    font-size: 37px;
    font-weight: 300;
}
.leftTxtContB h3{
    color: #ffffff;
    font-size: 27px;
    font-weight: 400;
    margin-bottom: 50px;
}
.leftTxtContB p li{
}
/* *** Picture Styles */
.rigthBorderPicCont{
    position: relative;
    right: -55px;
    top:0px;
}
.rightBorderPic{
    position:relative;
    margin-right:0px;
    padding-right:0px;
    right:0px;
}
/* *** List style *** */
.liTxtLeftB{
    color: #ffffff;
    font-size: 25px;
    font-weight: 300;
}
/* *** Type 8 (normal) *** */
/* *** White page with text content 2/3 and image (left/right variable)*** */
.txtLeRiContW{
    margin:0px;
    padding:0px;
    padding-top: 1vw;
    padding-left: 3vw;
}
.txtLeRiContW h2{
    color: #219bdb;
    font-size: 37px;
    font-weight: 300;
}
.txtLeRiContW p{
    color: #707070;
    font-size: 25px;
    font-weight: 300;
}
.txtLeRiContW a{
    color: #707070;
    font-weight: 300;
    text-decoration: underline;
}
.txtLeRiContW li{
    color: #707070;
    font-size: 25px;
    font-weight: 300;
    border:solid 0px;
    padding: 0.1rem 0.75rem;
}

/* *** Type 9 (normal) *** */
/* *** Blue page with text content 2/3 and image (left/right variable)*** */
.txtLeRiContB{
    margin:0px;
    padding:0px;
    padding-top: 1vw;
    padding-left: 3vw;
}
.txtLeRiContB h2{
    color: #ffffff;
    font-size: 37px;
    font-weight: 300;
}
.txtLeRiContB p{
    color: #ffffff;
    font-size: 25px;
    font-weight: 300;
}
.txtLeRiContB a{
    color: #ffffff;
    font-weight: 300;
    text-decoration: underline;
}
.txtLeRiContB li{
    color: #ffffff;
    font-size: 25px;
    font-weight: 300;
    border:solid 0px;
    padding: 0.1rem 0.75rem;
}
/* *** Type 10 (normal) *** */
/* *** White page with 3 or 4 cards*** */
.cardsVersTwoTitleW{
    color: #219bdb;
    font-size: 37px;
    font-weight: 300;
    padding: 3vw;
    padding-top:0px;
    padding-bottom: 10px;
}
.cardsVersTwoTeaserW{
    color: #707070;
    font-size: 25px;
    font-weight: 300;
    padding: 3vw;
    padding-top:0px;
    padding-bottom: 10px;
}
.cardPrice{
    color: #ffffff;
    font-size:37px;
    text-align: right;
    font-weight: 400;
}
.cardSubTxt{
    color: #ffffff;
    font-size:16px;
    text-align: right;
}
.cardFooter{
    color: #219bdb;
    background-color: #ffffff;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
    border: 3px solid  #219bdb;
}
.cardsVersTwoW{
    margin:0px;
    padding:0px;
    padding-top: 1vw;
    padding-left: 3vw;
}
.cardsVersTwoW a{
    text-decoration: none;
}
.cardsVersTwoW .card{
    width:85%;
    border: none;
    background-color:#219bdb;
    height: 100%;
}
.cardsVersTwoW .col{
    padding-left: 10%;
    padding-right: 10%;
}
.cardsVersTwoW .card h2{
    color: #219bdb;
    font-size: 27px;
    font-weight: 400;
    padding-left:5px;
    background-color: #ffffff;
}
.cardsVersTwoW .card p{
    color: #ffffff;
    font-size: 18px;
    font-weight: 300;
}
.cardsVersTwoW .card li{
    color: #ffffff;
    font-size: 25px;
    font-weight: 300;
    border:solid 0px;
    padding: 0.1rem 0.75rem;
}

/* *** Type 11 (normal) *** */
/* *** Blue page with 3 or 4 cards*** */
.cardsVersTwoTitleB{
    color: #ffffff;
    font-size: 37px;
    font-weight: 300;
    padding: 3vw;
    padding-top:0px;
    padding-bottom: 10px;
}
.cardsVersTwoTeaserB{
    color: #ffffff;
    font-size: 25px;
    font-weight: 300;
    padding: 3vw;
    padding-top:0px;
    padding-bottom: 10px;
}
.cardPrice{
    color: #ffffff;
    font-size:37px;
    text-align: right;
    font-weight: 400;
}
.cardSubTxt{
    color: #ffffff;
    font-size:16px;
    text-align: right;
}
.cardsVersTwoB{
    margin:0px;
    padding:0px;
    margin-bottom:10px;
    /* padding-top: 1vw;
    padding-left: 3vw; */
}
.cardsVersTwoB .card{
    width:95%;
    border: none;
    height:100%;
}
.cardsVersTwoB .col{
    padding-left: 10%;
    padding-right: 10%;
}
.cardsVersTwoB .card h2{
    color: #219bdb;
    font-size: 27px;
    font-weight: 400;
}
.cardsVersTwoB .card p{
    color: #707070;
    font-size: 18px;
    font-weight: 300;
}
.cardsVersTwoB .card li{
    color: #707070;
    font-size: 20px;
    font-weight: 300;
    border:solid 0px;
    padding: 0px;
}
.cardsVersTwoB .card ul{
    padding-left: 20px;
}
.CardsVerTwoImage{
    height:100px;
    margin-top:20px;
    margin-bottom:20px;
}
/* *** Type 12 & 13 (normal) *** */
/* *** Blue page with text content in paragraphs *** */
.paraCol01{
    vertical-align: top;
    padding-right: 5px;
}
.paraCol02{
    vertical-align: top;
    padding-right: 5px;
}
.paraCol022{
    vertical-align: top;
}
.paraCol03{
    vertical-align: top;
}

/* *** Type 20 (normal) *** */
/* *** Blue page with text content and test-account form*** */
.testFormTxt{
    margin:0px;
    padding:0px;
    padding-top: 1vw;
    padding-left: 3vw;
}
.testFormTxt h2{
    color: #ffffff;
    font-size: 37px;
    font-weight: 300;
}
.testFormTxt p{
    color: #ffffff;
    font-size: 25px;
    font-weight: 300;
}
.testFormTxt a{
    color: #ffffff;
    font-weight: 300;
    text-decoration: underline;
}
.testFormTxt button {
    color: #707070 ;
    background-color: #ffffff;
    border: none;
    font-weight: 300;
    font-size: 28px;
}
.testFrmButton {
    color: #707070 ;
    background-color: #ffffff;
    border: none;
    font-weight: 300;
    font-size: 28px;
}
.rigthPicCont{

}
.rightPic{
    width:55%;
}

/* *************************************
*** Viewport orientated specials :-) ***
************************************* */
@media screen and (min-width: 768px){
    /* get dropdown items in a row*/
    .drDoUlMd{ 
        flex-direction: row;
    }
    #contentArea{
        margin:0px;
        padding: 0px;
    }
    .page{
        width:100%;
        min-height:600px;
        padding:40px;
    }
    #pageHead{
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
    }
}
@media screen and (max-width: 768px){
    .threeCardsContW{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media screen and (max-width: 767px){
    /* Hide 'Toplinks' in uncolabsed menu */
    .navToggler{
        top:90px;
        background-color: #ffffff50;
    }
    .mediaLinkCol{ 
        display: none;
    }
    #contentArea{
        margin-top:0px;
    }
    #pagesArea{
        margin-top: 0px;
    }
    #pageFoot{
        right:0px;
        font-size: 1rem;
        width: 100%;
    }
    #topLogo{ /*special for this icon in top row */
        /* max-width: 193px; */
        max-height: 65px;
        margin:0px;
        padding:0px;
        margin-left: 10px;
    }
    #pageHead{
        padding-top: 10px;
    }
    .topHr{
        margin-bottom: 2rem;
    }
    .contImage{
        padding:0px;
        margin:0px;
    }
    .startPageImage{
        padding:0px;
        margin:0px;
    }
    .mainNavBar{
        position: sticky;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
    }
    .page{
        width:100%;
        min-height:200px;
        padding:10px;
    }

/* *** Type 2 smaller *** */
/* *** White text content *** */
    .leftTxtCont{
        padding-left: 0px;
        padding-right: 0px;
    }
        .leftTxtContW{
            margin:0px;
            padding:0px;
            padding-top: 1vw;
            padding-left: 1vw;
        }
        .leftTxtContW h2{
            color: #219bdb;
            font-size: 30px;
            font-weight: 300;
        }
        .leftTxtContW h3{
            color: #707070;
            font-size: 25px;
            font-weight: 400;
            margin-bottom: 50px;
        }
        .leftTxtContW p{
            color: #707070;
            font-size: 22px;
            font-weight: 300;
        }
        .leftTxtContB{
            margin:0px;
            padding:0px;
            padding-top: 1vw;
            padding-left: 1vw;
        }
        .leftTxtContB h2{
            color: #ffffff;
            font-size: 30px;
            font-weight: 300;
        }
        .leftTxtContB h3{
            color: #ffffff;
            font-size: 25px;
            font-weight: 400;
            margin-bottom: 50px;
        }
        .leftTxtContB p{
            color: #ffffff;
            font-size: 22px;
            font-weight: 300;
        }
    .rigthBorderPicCont{
        position: relative;
        right: -15px;
        top: 0px;
        width: 80%;
        float: right;
    }
    /* *** Type 3 *** */
    /* *** White Page with three cards*** */
    .threeCardsContW{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    /* *** Type 8 (smaller) *** */
    /* *** White page with text content 2/3 and image (left/right variable)*** */
    .txtLeRiContW{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    /* *** Type 9 (smaller) *** */
    /* *** Blue page with text content 2/3 and image (left/right variable)*** */
    .txtLeRiContB{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    /* *** Type 10 (smaller) *** */
    /* *** White page with 3 or 4 cards*** */
    .cardsVersTwoW{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    /* *** Type 11 (smaller) *** */
    /* *** Blue page with 3 or 4 cards*** */
    .cardsVersTwoB{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    /* *** Type 20 smaller *** */
    /* *** Blue Page with text content and test-account form*** */
    .testFormTxt{
        margin:0px;
        padding:0px;
        padding-top: 1vw;
        padding-left: 1vw;
    }
    .testFormTxt h2{
        color: #ffffff;
        font-size: 30px;
        font-weight: 300;
    }
    .testFormTxt p{
        color: #ffffff;
        font-size: 22px;
        font-weight: 300;
    }
        
    
}
@media screen and (max-width: 1025px){
/* *** Type 2 smaller *** */
/* *** White text content *** */
.rigthBorderPicCont{
        position: relative;
        right: -15px;
        top: 0px;
        width: 50%;
        float: right;
    }
    
/* *** Type 10 (smaller) *** */
    /* *** White page with 3 or 4 cards*** */
    .cardsVersTwoW{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    /* *** Type 11 (smaller) *** */
    /* *** Blue page with 3 or 4 cards*** */
    .cardsVersTwoB{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .leftTxtContW{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .leftTxtContB{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .testFormTxt{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .cardsVersTwoB .card{
        margin-top: 20px;
    }
    
}
@media screen and (max-width: 1500px){
    .cardsVersTwoW .card{
        width:95%;
    }
    .cardsVersTwoW {
        padding-left: 0px;
    }
   
}