:root {
    --blue: #336799;
    --darkblue: #3d4a76;
    --green: #3D9B76;
    --purewhite:#fff;
    --lightwhite:#f2f2f2;
    --bluishwhite:EDF1FF;

    --bgcol: var(--blue);
    --navlinkcol: var(--lightwhite);
    --navhoverbgcol: var(--darkblue);
    --navhovercol: var(--purewhite);
    --navactivebgcol: var(--green);
    --navactivecol: var(--purewhite);
    --contentbgcol: var(--bluishwhite);
    --footercol: var(--lightwhite);

}


.framepage {
    margin-top:1.5em;
  padding-left: 10vw;
  padding-right: 10vw;
  margin-bottom:5rem;

}

.sectionhead {
    font-size: 35px;
    /*text-align: center;*/
    font-weight: bold;
    padding-bottom:15px;
}


.sectionbody {
  font-size: 20px;
}

.sectionbody .sectionlinks {
    font-weight: bold;
    padding-top:0px;
    padding-bottom:15px;
/*    margin-top: 50px;*/
/*    margin-bottom: 50px;*/
}

.sectionbody .headline1 {
    font-size: 27px;
    font-weight: bold;
}

.sectionbody .headline2 {
    font-size: 23px;
    font-weight: bold;
/*    line-height: 30px;*/
}

.sectionbody .headline3 {
    font-size: 21px;
    font-weight: bold;
    margin-top:10px;
/*    margin-bottom:10px;*/
}

.sectionbody .headline4 {
    font-weight: bold;
}

.sectionbody .logo {
    vertical-align: top;
    margin-top:15px;
    margin-bottom:15px;
}

.sectionbody .projectimg {
    border:1px solid;
    width:75%; height:auto;
    margin-top:20px;
    margin-bottom:20px;
}

.sectionbody table {
  font-size: inherit;
  text-align: left;
}

.sectionbody td {
  vertical-align:top;
}

.sectionbody p {
  margin:0;
}

.sectionbody ul {
    margin:0;
    margin-top:0.2em;
    margin-bottom:0.2em;

/*  line-height: 1.3em;*/
/*  line-height:30px; margin:15px*/
}

.sectionbody hr {
    border:2px solid;
    margin-top:20px;
    margin-bottom:20px;
}



.lineheight3 {
  line-height:1.3rem;
}

.lineheight4 {
  line-height:1.4rem;
}

.lineheight5 {
/*  margin-top:20px;*/
  line-height:1.5rem;
}

/* ----------- quotes --------------- */

.quotes {
   width:75px;
    height:auto;
}

.quotebegin_white {
    content:url("images/quote_white_begin.png");
}

.quoteend_white {
    content:url("images/quote_white_end.png");
    vertical-align: top;
 }

.quotebegin_blue {
    content:url("images/quote_begin.png");
}

.quoteend_blue {
/*    float:right;*/
    display:block;
    margin-left: auto;
    content:url("images/quote_end.png");
    vertical-align: top;

/*    text-align: right;*/
/*    clear:right;*/
 }



/* ------------ page projects  ------------ */
.templates {
    display:none;
}

/* ------------ page refs  ------------ */
.kunderef {
    display:inline;
}

.kunderef p{
    max-width:40rem;
    margin-top:0.5em;
    margin-bottom:0.5em;
}

.reflogo {
    display:block;
    max-width:40rem;
    text-align: center;

/*    margin-left: auto;
    margin-right: auto;
*/
}

/* ------------ page about ------------ */
.li_logo_small {
    height: 15px;
    width:auto;
    padding-right: 7px;
}

.li_logo_medium {
    height: 25px;
    width:auto;
    padding-right: 7px;
}


/* ------------ page contact - business card  ------------ */

.businesscard  {
    width:50%;
    text-align:center;
    margin: 10%;
/*    padding:10% 0%;*/
/*    display: table-cell;*/
/*    height: 65vh;*/
/*    vertical-align: middle;"*/
}

 .businesscard_img{
    width:100%;
    height:auto;
/*  float:center;*/
/*  text-align:center;*/
/*  width:50%;*/
/*  height: auto;*/
}

@media only screen and (max-width:1000px){
    .businesscard  {
        width:75%;
        text-align:center;
    }
}

@media only screen and (max-width:600px){
    .businesscard  {
        width:100%;
        text-align:center;
    }

}