﻿
/* Schriften */

@font-face{
    font-family:"frut-light";
    src:url("/fonts/81e3653a-53bd-49d9-a1f8-f924811b6f02.eot?#iefix");
    src:url("/fonts/81e3653a-53bd-49d9-a1f8-f924811b6f02.eot?#iefix") format("eot"),url("/fonts/087d8a95-3f25-4bae-a1d1-db9ddffd72f5.woff2") format("woff2"),url("/fonts/ab1bcdf7-9570-4cba-a8e3-3e39ddd861db.woff") format("woff"),url("/fonts/83c94878-06c8-442c-a7df-d520b0ced00b.ttf") format("truetype"),url("/fonts/29f3ff8a-1719-4e25-a757-53ee1a1114a5.svg#29f3ff8a-1719-4e25-a757-53ee1a1114a5") format("svg");
}
@font-face{
    font-family:"frut-roma";
    src:url("/fonts/fe232554-5489-4874-bb45-bd966c8c5932.eot?#iefix");
    src:url("/fonts/fe232554-5489-4874-bb45-bd966c8c5932.eot?#iefix") format("eot"),url("/fonts/0811514e-6660-4043-92c1-23d0b8caaa2f.woff2") format("woff2"),url("/fonts/aeae8cac-ba4d-40d2-bbcf-936f2c7dcfe6.woff") format("woff"),url("/fonts/caedf2e6-fbef-4928-b08e-1f975981ae8d.ttf") format("truetype"),url("/fonts/7def0e34-f28d-434f-b2ec-472bde847115.svg#7def0e34-f28d-434f-b2ec-472bde847115") format("svg");
}
@font-face{
    font-family:"frut-cond";
    src:url("/fonts/e6c921f4-c7f3-4375-a9e2-2a30e1af2014.eot?#iefix");
    src:url("/fonts/e6c921f4-c7f3-4375-a9e2-2a30e1af2014.eot?#iefix") format("eot"),url("/fonts/5995e4b5-97ff-4823-bebb-dc150282a2cf.woff2") format("woff2"),url("/fonts/bd26bfea-b97f-4b32-b5f6-504be0b1938d.woff") format("woff"),url("/fonts/01a184f4-fea6-4abf-805e-1baebb16eefb.ttf") format("truetype"),url("/fonts/247bce89-c2d1-44ba-a36c-c3c2eef2131c.svg#247bce89-c2d1-44ba-a36c-c3c2eef2131c") format("svg");
}
@font-face{
    font-family:"fed-gara";
    src:url("/fonts/73fe293c-69da-4927-80ce-773ee1a1879c.eot?#iefix");
    src:url("/fonts/73fe293c-69da-4927-80ce-773ee1a1879c.eot?#iefix") format("eot"),url("/fonts/d5ca2f36-723d-4882-8658-9746fb0eea72.woff2") format("woff2"),url("/fonts/859018fa-3c03-484b-8774-97bd6548d48d.woff") format("woff"),url("/fonts/abb87b70-21d4-4ac2-bf9f-41548a67e564.ttf") format("truetype"),url("/fonts/6e4e2084-ff69-479e-b179-92d90deb7885.svg#6e4e2084-ff69-479e-b179-92d90deb7885") format("svg");
}


/* Allgemeine Styles */

a           { color:#66A9D1; text-decoration:none; }
p           { font-size:1.6em; line-height:1.6em; margin:0em; }
.clearing   { font-size:1px; clear:both; line-height:0px; display:block; }
i.fa        { color:#848484; }
.blue       { color:#66A9D1; }

h1, h2, h3, h4 { font-family: frut-roma; }

.fnt-hea    { font-family: fed-gara; font-weight:normal; }
.fnt-lig    { font-family: frut-light; }
.fnt-bol    { font-family: frut-roma; }
.fnt-con    { font-family: frut-cond; }

img.withload { background-image:url(/images/facebook.gif); background-size:3em; background-position:center center; background-repeat:no-repeat; }

.shad       { -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2); }

.text h2        { font-size:2em; font-family: frut-roma; margin-bottom:0em; }
.text h3        { font-size:1.6em; font-family: frut-roma; margin-bottom:0em; }
.text p         { padding:0.5em 0em 0.5em 0em; }
.text p + h3    { margin-top:0.5em; }

.text h2        { margin-top:1.5em; }
.text h2 + h3   { margin-top:0.5em; }

.text ul        { margin-left:5em; list-style-type:disc; }
.text ul > li   { font-size:1.6em; line-height:1.6em; }
.text ol        { margin-left:3em; }
.text ol > li   { font-size:1.6em; line-height:1.6em; }

.text h3 + ul { margin-top:1em; }

.text .file                  { padding:0.8em 0.5em 0.8em 0.5em; }
.text .file > a > span       { font-size:1.6em; font-weight:bold; }
.text .file                  { border-bottom:solid 1px #DCDCDC; }

.text table     { width:100%; }
.text table td  { font-size:1.6em; line-height:1.6em; padding:0.3em 2em 0.3em 0em; }

.table td > span { font-size:1.4em; }

.mfp-dialog .mfp-iframe-holder .mfp-close   { top:0.15em; right:0.3em; color:#60AACE; font-size:7em;  opacity:1; }
.mfp-dialog .mfp-arrow-right                { right:-5em; border-right:5px solid #A5A5A5; border-bottom:5px solid #A5A5A5; width:30px; height:30px; transform: rotate(-45deg); background-color:transparent; }
.mfp-dialog .mfp-arrow-left                 { left:-5em; border-right:5px solid #A5A5A5; border-bottom:5px solid #A5A5A5; width:30px; height:30px; transform: rotate(135deg); }
.mfp-dialog .mfp-arrow-right:after          { display:none; }
.mfp-dialog .mfp-arrow-left:after           { display:none; }
.mfp-dialog .mfp-arrow-right:before         { display:none; }
.mfp-dialog .mfp-arrow-left:before          { display:none; }

.styled-select              {  -webkit-appearance: none; -moz-appearance: none; appearance: none; border:none; border-radius: 0; outline-width: 0; outline:none; /* styling --> */ color:inherit; text-transform:none; font-weight:normal; text-align:left;  font-size:1.6em; border-width:0px; border:solid 1px #C4C4C4; padding:0.5em 2em 0.5em 1em;  background-color:#ffffff;  background-image:url(/images/ico_pfeil_dropdown.png);  background-position: right center;  background-repeat: no-repeat;  } 
.styled-select::-ms-expand  { display:none; }

.styled-select-2              { -webkit-appearance: none; -moz-appearance: none; appearance: none; border:none; border-radius: 0; outline-width: 0; outline:none; /* styling --> */ color:#66A9D1; text-transform:none; font-weight:bold; text-align:right;  font-size:2.2em; border-width:0px; padding:0em 1.7em 0em .7em;  background-color:transparent;  background-image:url(/images/ico_pfeil_dropdown.png);  background-position: right center;  background-repeat: no-repeat;  } 
.styled-select-2::-ms-expand  { display:none; }
.styled-select-2 option       { text-align:right; }

.styled-select-3              { -webkit-appearance: none; -moz-appearance: none; appearance: none; border:none; border-radius: 0; outline-width: 0; outline:none; /* styling --> */ color:#4a4a4a; text-transform:none; font-weight:normal; text-align:right;  font-size:2.2em; border-width:0px; padding:0.4em 1.7em 0.4em .7em;  background-color:#f8f8f8;  background-image:url(/images/ico_pfeil_dropdown.png);  background-position: right 0.5em center;  background-repeat: no-repeat;  } 
.styled-select-3::-ms-expand  { display:none; }
.styled-select-3 option       { text-align:left; color:#4a4a4a; text-transform:none; font-weight:normal;  }

.styled-select-4              {  -webkit-appearance: none; -moz-appearance: none; appearance: none; border:none; border-radius: 0; outline-width: 0; outline:none; /* styling --> */ color:#4a4a4a; text-transform:none; font-weight:normal; text-align:left;  font-size:1.6em; border-width:0px; border:solid 1px #EBECEE; padding:0.6em 2.5em 0.6em 1em;  background-color:#ffffff;  background-image:url(/images/pfeil-pulldown-menue@2x.jpg);  background-position: right 0.5em center;  background-repeat: no-repeat; background-size:1.2em; } 
.styled-select-4::-ms-expand  { display:none; }
.styled-select-4.inactive     { color:#AFAFAF; }

input[type="text"]  { font-size:1.4em; padding:0.3em 1em 0.3em 1em; border:solid 1px #EBECEE; }
textarea            { font-size:1.4em; padding:0.5em 1em; }

input.styled-textbox        { font-size:1.6em; padding:0.6em 1em 0.4em 1em; border:solid 1px #C4C4C4; background-color: white; background-size: 1.5em; background-position: right 0.5em center;  background-repeat: no-repeat; outline:none; outline-width: 0;}
input.styled-textbox.search { background-image: url(/images/suche.png);   }

input.styled-textbox-2              { width:100%; font-size:1.6em; padding:0.6em 1em 0.4em 1em; border:solid 1px #ECECED; background-color: white; background-size: 1.5em; background-position: right 0.5em center;  background-repeat: no-repeat; outline:none; outline-width: 0;}
input.styled-textbox-2.defaultmode  { color:#c6c5c5; }

.styled-checkbox                    { }
.styled-checkbox > input            { width:2em; height:2em; margin-right:1em; border:solid 1px #ECECED; -webkit-appearance: none;  -moz-appearance: none; -ms-appeareance: none;  -o-appearance: none; appearance: none; }
.styled-checkbox > label            { font-size:1.6em; position:relative; top:-0.2em; font-weight:normal; }
.styled-checkbox > input:checked    { background-color:#5ba6ce; }

.button             { color:#66A9D1; background-color:white; border:solid 2px #66A9D1; text-align:center; padding:0.3em 1em 0.3em 1em; font-size:1.8em; font-weight:bold; cursor:pointer; }
.button.reset       { color:#a4a4a4; border-color:#CBCBCB; }
.button:hover       { color:white; background-color:#66A9D1; }
.button.reset:hover { color:white; background-color:#a4a4a4; }
.button.active      { color:white; background-color:#66A9D1; }

.button-2       { display:inline-block; background-color:#ddeef6; color:#4486A8; border:solid 2px white; text-align:center; padding:0.8em 1.5em 0.8em 1.5em; margin:0em auto 0em auto; font-size:1.6em; min-width:12em; font-weight:bold; cursor:pointer;}


.head > h1      { font-size:7em; font-weight:normal; margin:0em 0em 0em 0em; line-height:1em; font-family: fed-gara;  }
.head > h2      { font-size:2em; font-weight:normal; color:#9C9C9C; text-transform:uppercase; margin:0em 0em 0.5em 0em; }


.tooltipster-sidetip .tooltipster-box               { border-color:#E8ECEF; border-radius:0; width:100%; max-width:60em; }
.tooltipster-sidetip .tooltipster-content           { background-color: #E8ECEF; color:#404040; padding:2em; }
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background      { border-top-color:#E8ECEF; }
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background   { border-bottom-color:#E8ECEF; }
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background     { border-left-color:#E8ECEF; }
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background    { border-right-color:#E8ECEF; }

.tooltipster-sidetip.theme-eco .tooltipster-box               { border-width:0px; border-radius:0;  min-width:40em; max-width:60em; }
.tooltipster-sidetip.theme-eco .tooltipster-content           { background-color:#708327; color:white; }
.tooltipster-sidetip.theme-eco .tooltipster-content  a        { color:white; }
.tooltipster-sidetip.theme-eco .tooltipster-arrow-border      { border-top-color:#708327; }
.tooltipster-sidetip.theme-eco .tooltipster-arrow-background  { border-top-color:#708327; }

.tooltipster-sidetip.theme-life .tooltipster-box               { border-width:0px; border-radius:0; min-width:40em; max-width:60em; }
.tooltipster-sidetip.theme-life .tooltipster-content           { background-color:#009fe1; color:white;  }
.tooltipster-sidetip.theme-life .tooltipster-content  a        { color:white; }
.tooltipster-sidetip.theme-life .tooltipster-arrow-border      { border-top-color:#009fe1; }
.tooltipster-sidetip.theme-life .tooltipster-arrow-background  { border-top-color:#009fe1; }

.tooltipster-sidetip.theme-warn .tooltipster-box               { border-color:#e04c24; border-radius:0;  min-width:40em; max-width:60em; }
.tooltipster-sidetip.theme-warn .tooltipster-content           { background-color: #e04c24; color:white; }
.tooltipster-sidetip.theme-warn .tooltipster-arrow-border      { border-width:0em; }
.tooltipster-sidetip.theme-warn.tooltipster-top .tooltipster-arrow-background      { border-top-color:#e04c24; }
.tooltipster-sidetip.theme-warn.tooltipster-bottom .tooltipster-arrow-background   { border-bottom-color:#e04c24; }
.tooltipster-sidetip.theme-warn.tooltipster-left .tooltipster-arrow-background     { border-left-color:#e04c24; }
.tooltipster-sidetip.theme-warn.tooltipster-right .tooltipster-arrow-background    { border-right-color:#e04c24; }


.circle         { width:0.7em; height:0.7em; display:inline-block; margin-right:0.5em; position:relative; top:-0.05em; border-radius:50%; }

.circle.color-0 { background-color:#8FA2A9; }
.circle.color-1 { background-color:#01963f; }
.circle.color-2 { background-color:#f49201; }
.circle.color-3 { background-color:red; }

.circle.none    { background-color:#8FA2A9; }
.circle.green   { background-color:#01963f; }
.circle.orange  { background-color:#f49201; }
.circle.red     { background-color:red; }

.scrollonhover          { scrollbar-base-color: white; scrollbar-face-color: white; scrollbar-highlight-color: white; scrollbar-3dlight-color: white; scrollbar-shadow-color: white; scrollbar-darkshadow-color: white; scrollbar-track-color: white; scrollbar-arrow-color: white; -ms-overflow-style: none /*-ms-autohiding-scrollbar*/; }
.scrollonhover:hover    { scrollbar-base-color: #E8ECEF; scrollbar-face-color: white; scrollbar-highlight-color: white; scrollbar-3dlight-color: white; scrollbar-shadow-color: #E8ECEF; scrollbar-darkshadow-color: white; scrollbar-track-color: white; scrollbar-arrow-color: #E8ECEF; -ms-overflow-style: auto /*-ms-autohiding-scrollbar*/; }

.modal              { width:100%; text-align:center;  }
.modal > div        { margin:0em auto 0em auto; max-width:60em; background-color:white; min-height:20em; padding:2em; }
.modal h3           { font-size:1.6em; }
.modal p            { padding:0.5em 0em 0.5em 0em; font-size:1.6em; }
.modal .button-2    { width:100%; display:block; }


@media screen and (max-width:640px)
{
    .tooltipster-sidetip .tooltipster-box           {  width:100%; max-width:45em; }
    .tooltipster-sidetip .tooltipster-content       {  padding:1em; }

    .tooltipster-sidetip.theme-eco .tooltipster-box           {  min-width:0em; width:100%; max-width:45em; }
    .tooltipster-sidetip.theme-eco .tooltipster-content       {  padding:1em; }

    .tooltipster-sidetip.theme-life .tooltipster-box           {  min-width:0em; width:100%; max-width:45em; }
    .tooltipster-sidetip.theme-life .tooltipster-content       {  padding:1em; }

    .tooltipster-sidetip.theme-warn .tooltipster-box           {  min-width:0em; width:100%; max-width:45em; }
    .tooltipster-sidetip.theme-warn .tooltipster-content       {  padding:1em; }
}

@media screen and (max-width:425px)
{
    .tooltipster-sidetip .tooltipster-box                     { width:100%; max-width:35em; }
    .tooltipster-sidetip.theme-eco .tooltipster-box           { width:100%; max-width:35em; }
    .tooltipster-sidetip.theme-life .tooltipster-box          { width:100%; max-width:35em; }
    .tooltipster-sidetip.theme-warn .tooltipster-box          { width:100%; max-width:35em; }
}


