/*-- 
Name:          Startadvise, Rechtsanwalt Norman Stegemann, Königstein im Taunus
Url:           https://startadvise.de
Description:   Startadvise, Kanzlei für Wirtschaftsrecht, Rechtsanwalt Norman Stegemann, Königstein im Taunus
Version:       1.0 Neuumsetzung Responsive
______________ Webdesign by elf42 - Hameln Emmerthal */

/*-- 
_________________________ HTML > CSS; [© by elf42] -- */






/*-- Open Sans
_________________________ HTML > CSS; [© by elf42] */

/* open-sans-300 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local(''),
     url('font/open-sans-v40-latin-300.ttf') format('truetype'), 
     url('font/open-sans-v40-latin-300.woff2') format('woff2'); 

}

/* open-sans-300italic - latin */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 300;
font-display: swap;
src: local(''),
     url('font/open-sans-v40-latin-300italic.ttf') format('truetype'),
     url('font/open-sans-v40-latin-300italic.woff2') format('woff2'); 
}
/* open-sans-regular - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local(''),
     url('font/open-sans-v40-latin-regular.woff2') format('woff2'),
     url('font/open-sans-v40-latin-regular.ttf') format('truetype');
}
/* open-sans-italic - latin */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
font-display: swap;
src: local(''),
     url('font/open-sans-v40-latin-italic.woff2') format('woff2'),
     url('font/open-sans-v40-latin-italic.ttf') format('truetype');
}
/* open-sans-500 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 500;
font-display: swap;
src: local(''),
     url('font/open-sans-v40-latin-500.woff2') format('woff2'),
     url('font/open-sans-v40-latin-500.ttf') format('truetype');
}
/* open-sans-500italic - latin */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 500;
font-display: swap;
src: local(''),
     url('font/open-sans-v40-latin-500italic.woff2') format('woff2'),
     url('font/open-sans-v40-latin-500italic.ttf') format('truetype');
}
/* open-sans-600 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-display: swap;
src: local(''),
     url('font/open-sans-v40-latin-600.woff2') format('woff2'),
     url('font/open-sans-v40-latin-600.ttf') format('truetype');
}
/* open-sans-600italic - latin */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 600;
font-display: swap;
src: local(''),
     url('font/open-sans-v40-latin-600italic.woff2') format('woff2'),
     url('font/open-sans-v40-latin-600italic.ttf') format('truetype');
}
/* open-sans-700 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local(''),
     url('font/open-sans-v40-latin-700.woff2') format('woff2'),
     url('font/open-sans-v40-latin-700.ttf') format('truetype');
}
/* open-sans-700italic - latin */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 700;
font-display: swap;
src: local(''),
     url('font/open-sans-v40-latin-700italic.woff2') format('woff2'),
     url('font/open-sans-v40-latin-700italic.ttf') format('truetype');
}
/* open-sans-800 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
font-display: swap;
src: local(''),
     url('font/open-sans-v40-latin-800.woff2') format('woff2'),
     url('font/open-sans-v40-latin-800.ttf') format('truetype');
}
/* open-sans-800italic - latin */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 800;
font-display: swap;
src: local(''),
     url('font/open-sans-v40-latin-800italic.woff2') format('woff2'),
     url('font/open-sans-v40-latin-800italic.ttf') format('truetype');
}





/*  Roboto */
/*___________________________________________________________________________ */

@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local(''),
     url('font/roboto-v30-latin-300.ttf') format('truetype'), 
     url('font/roboto-v30-latin-300.woff2') format('woff2'), 
     url('font/roboto-v30-latin-300.woff') format('woff'); 
}

@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 300;
font-display: swap;
src: local(''),
     url('font/roboto-v30-latin-300italic.ttf') format('truetype'), 
     url('font/roboto-v30-latin-300italic.woff2') format('woff2'), 
     url('font/roboto-v30-latin-300italic.woff') format('woff'); 
}

@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local(''),
     url('font/roboto-v30-latin-regular.ttf') format('truetype'), 
     url('font/roboto-v30-latin-regular.woff2') format('woff2'), 
     url('font/roboto-v30-latin-regular.woff') format('woff'); 
}

@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
font-display: swap;
src: local(''),
     url('font/roboto-v30-latin-italic.ttf') format('truetype'), 
     url('font/roboto-v30-latin-italic.woff2') format('woff2'), 
     url('font/roboto-v30-latin-italic.woff') format('woff'); 
}

@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: local(''),
     url('font/roboto-v30-latin-500.ttf') format('truetype'), 
     url('font/roboto-v30-latin-500.woff2') format('woff2'), 
     url('font/roboto-v30-latin-500.woff') format('woff'); 
}

@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 500;
font-display: swap;
src: local(''),
     url('font/roboto-v30-latin-500italic.ttf') format('truetype'), 
     url('font/roboto-v30-latin-500italic.woff2') format('woff2'), 
     url('font/roboto-v30-latin-500italic.woff') format('woff'); 
}

@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local(''),
     url('font/roboto-v30-latin-700.ttf') format('truetype'), 
     url('font/roboto-v30-latin-700.woff2') format('woff2'), 
     url('font/roboto-v30-latin-700.woff') format('woff'); 
}

@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 700;
font-display: swap;
src: local(''),
     url('font/roboto-v30-latin-700italic.ttf') format('truetype'), 
     url('font/roboto-v30-latin-700italic.woff2') format('woff2'), 
     url('font/roboto-v30-latin-700italic.woff') format('woff'); 
}

@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
font-display: swap;
src: local(''),
     url('font/roboto-v30-latin-900.ttf') format('truetype'), 
     url('font/roboto-v30-latin-900.woff2') format('woff2'), 
     url('font/roboto-v30-latin-900.woff') format('woff'); 
}

@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 900;
font-display: swap;
src: local(''),
     url('font/roboto-v30-latin-900italic.ttf') format('truetype'), 
     url('font/roboto-v30-latin-900italic.woff2') format('woff2'), 
     url('font/roboto-v30-latin-900italic.woff') format('woff'); 
}







/*  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */
/*___________________________________________________________________________ */

@font-face {
font-family: 'FontAwesome';
src: url('../others/font/fontawesome-webfont.eot?v=4.7.0');
src: url('../others/font/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), 
     url('../others/font/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), 
     url('../others/font/fontawesome-webfont.woff?v=4.7.0') format('woff'), 
     url('../others/font/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), 
     url('../others/font/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}

.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.fa-home:before {             content: "\f015";}
.fa-facebook-official:before{ content: "\f230"; }
.fa-instagram:before{         content: "\f16d"; }
/* pfeil */
.fa-angle-left:before{   content: "\f104"; }
.fa-angle-right:before{  content: "\f105"; }
.fa-angle-up:before{     content: "\f106"; }
.fa-angle-down:before{   content: "\f107"; }
/* dreieck */
.fa-caret-down:before{   content: "\f0d7"; }
.fa-caret-up:before{     content: "\f0d8"; }
.fa-caret-left:before{   content: "\f0d9"; }
.fa-caret-right:before{  content: "\f0da"; }
/* buttons */
.fa-id-card-o:before{    content: "\f2c3"; }
.fa-vcard:before,
.fa-address-card:before{ content: "\f2bb"; }

.fa-paper-plane:before{ content: "\f1d8"; }