/*FONTS*/
@import '../fonts/fontawesome/css/all.css';
@import '../fonts/Roboto/Roboto.css';
@import '../fonts/Quicksand/Quicksand.css';
@import '../fonts/Lato/Lato.css';
@import '../fonts/Lato-Light/Lato-Light.css';
/* @import '../fonts/Montserrat/Montserrat.css'; */


/*VARIABLEN-DEFINITION*/
:root {
  --primaryColor: #007e81;
  --darkPrimaryColor: #0d7294;
  --brightPrimaryColor: #7dc5de;
  --secondaryColor: #de0707;
  --darkSecondaryColor: #c40606;
  --brightSecondaryColor: #f32020;
  --additionalColor: #dadada;
  --rootFontSize: 18px;
  --rootFontColor: #5b575f;
  --rootFontFamily: "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --headingFontFamily:  "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --navibarFontFamily:"Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --navibarBgColor: rgba(255, 255, 255, 1) ;
  --navibarBgColorTransparent:  rgba(255, 255, 255, 0.9);
  --footerFontFamily: "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

body {color: var(--rootFontColor);font-family:var(--rootFontFamily);font-weight:300;}
h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5 {font-family:var(--headingFontFamily); color: var(--primaryColor);}
h1 {font-size:2.25rem;}
h2 {font-size:1.75rem;}
h3 {font-size:1.5rem;}
h4 {}
a {color: var(--primaryColor);}
a:hover {color: var(--darkPrimaryColor);}


/*Paragraph*/
p {color: var(--rootFontColor);font-family:var(--rootFontFamily);font-weight:300;}
p.p-textsmall-1 {font-size:0.75rem}
p.p-textlarge-1 {font-size:1.25rem}
p.p-adress-1{
    position: relative;
    padding-left: 2.4rem;
}
p.p-adress-1::before{
    content: "\f0e0";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: 1.3rem;
    position: absolute;
    left: 0;
    top: 0.2rem;
}


/*Paragraph-Ausrichtung*/
p.align-left {text-align:left;}
p.align-right {text-align:right;}
p.align-center {text-align:center;}
p.align-justify {text-align:justify;}

/*Listenstile*/
ul.ul-style-1 {padding:0;}
ul.ul-style-1 li {position: relative;list-style:none;line-height:1.4rem;margin-top:0.5rem;padding-left: 2.2rem;}
ul.ul-style-1 li::before{
    content: "\f058";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 1.4rem;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    color:var(--brightPrimaryColor);
    position: absolute;
    left: 0;
}

ul.ul-style-2 {padding:0;}
ul.ul-style-2 li {position: relative;list-style:none;line-height:1.4rem;margin-top:0.5rem;padding-left: 2.2rem;}
ul.ul-style-2 li::before{
    content: "\f058";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 1.4rem;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    color:var(--secondaryColor);
    position: absolute;
    left: 0;
}

/*Linktypen*/
a.Schaltflaeche, a.Schaltflaeche-Kontaktfenster, a.Schaltflaeche-Sekundaerfarbe, a.Schaltflaeche-Kontaktfenster-Sekundaerfarbe {
  background-color: var(--primaryColor);
  border: none;
  font-family:var(--headingFontFamily);
  box-shadow:none;
  display: inline-block;
  font-weight: 300;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  background-color: var(--primaryColor);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.3;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

a.Schaltflaeche:hover, .a.Schaltflaeche:focus, a.Schaltflaeche.focus, a.Schaltflaeche-Kontaktfenster:hover, .a.Schaltflaeche-Kontaktfenster:focus, a.Schaltflaeche-Kontaktfenster.focus {
    background-color: var(--darkPrimaryColor);
}

a.Schaltflaeche-Sekundaerfarbe, a.Schaltflaeche-Kontaktfenster-Sekundaerfarbe {
  background-color: var(--secondaryColor);
}

a.Schaltflaeche-Sekundaerfarbe:hover, .a.Schaltflaeche-Sekundaerfarbe:focus, a.Schaltflaeche-Sekundaerfarbe.focus, a.Schaltflaeche-Kontaktfenster-Sekundaerfarbe:hover, .a.Schaltflaeche-Kontaktfenster-Sekundaerfarbe:focus, a.Schaltflaeche-Kontaktfenster-Sekundaerfarbe.focus {
    background-color: var(--darkSecondaryColor);
}

a.Telefonlink, a.Emaillink, a.Karte {position: relative;padding-left: 2.4rem;} 
a.Telefonlink::before, a.Emaillink::before, a.Karte::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: 1.3rem;
    position: absolute;
    left: 0;
}

a.Telefonlink::before{
    content: "\f095";
    transform: rotate(90deg);
}

a.Emaillink::before{
    content: "\f1fa";
}

a.Karte::before{
    content: "\f5a0";
}