/* open-sans-300 - latin */

@font-face {

    font-family: 'Open Sans 300';

    font-style: normal;

    font-weight: 300;

    src: url('../template/Default/Custom/fonts/open-sans-v27-latin-300.eot'); /* IE9 Compat Modes */

    src: local(''),

         url('../template/Default/Custom/fonts/open-sans-v27-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

         url('../template/Default/Custom/fonts/open-sans-v27-latin-300.woff2') format('woff2'), /* Super Modern Browsers */

         url('../template/Default/Custom/fonts/open-sans-v27-latin-300.woff') format('woff'), /* Modern Browsers */

         url('../template/Default/Custom/fonts/open-sans-v27-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */

         url('../template/Default/Custom/fonts/open-sans-v27-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */

  }

  /* open-sans-regular - latin */

  @font-face {

    font-family: 'Open Sans Regular';

    font-style: normal;

    font-weight: 400;

    src: url('../template/Default/Custom/fonts/open-sans-v27-latin-regular.eot'); /* IE9 Compat Modes */

    src: local(''),

         url('../template/Default/Custom/fonts/open-sans-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

         url('../template/Default/Custom/fonts/open-sans-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */

         url('../template/Default/Custom/fonts/open-sans-v27-latin-regular.woff') format('woff'), /* Modern Browsers */

         url('../template/Default/Custom/fonts/open-sans-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */

         url('../template/Default/Custom/fonts/open-sans-v27-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */

  }

  /* open-sans-700 - latin */

  @font-face {

    font-family: 'Open Sans 700';

    font-style: normal;

    font-weight: 700;

    src: url('../template/Default/Custom/fonts/open-sans-v27-latin-700.eot'); /* IE9 Compat Modes */

    src: local(''),

         url('../template/Default/Custom/fonts/open-sans-v27-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

         url('../template/Default/Custom/fonts/open-sans-v27-latin-700.woff2') format('woff2'), /* Super Modern Browsers */

         url('../template/Default/Custom/fonts/open-sans-v27-latin-700.woff') format('woff'), /* Modern Browsers */

         url('../template/Default/Custom/fonts/open-sans-v27-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */

         url('../template/Default/Custom/fonts/open-sans-v27-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */

  }





/* Green - yellow */

:root {

    --buttonColor: #00C65C;

    --buttonSelectedColor: #009344;

    --buttonSelectedVersartColor: #009344;

    --buttonHoverColor: #666666;

    --buttonBorderRadius: 5px 5px;

    --buttonVersartColor: #f0f5cf;

    --breadcrumbColor: #009344;

    --mainColor: #009344;

    --labelColor1: black;

    --labelColor2: gray;

    --borderColor: #676767;

    --iconColor: #fff;

    --backgrundColor: #c1e0d0;

    --mussfeldColor: red;

} 



body {

 

    background-color: #f7f7f7;

}



  /*font*/

#intern_content{

    font-family: "Open Sans Regular","Helvetica Neue",Helvetica,Arial, sans-serif;

    font-size: 15px;

    color: #565655;

}



a {

    color: #5578b9;

}



h1 {

    font-family: "Open Sans 300","Helvetica Neue",Helvetica,Arial, sans-serif;

    font-size: 27px;

}



#intern_content .btn {

    -webkit-border-radius: 10px;    

    border-radius: 10px;    

    -moz-border-radius:10px;   

    -khtml-border-radius:10px;   

}



button:hover {

    background-color: var(--buttonSelectedVersartColor);

    color: #fff;

}



.btn-auswahl {

    background-color: var(--buttonColor);

    color: #000;

}



.btn-auswahl:hover,

.btn-auswahl:focus

 {

    background-color: var(--buttonSelectedColor);

    color: #fff;

}



.person-selected {

    color: #009344

}



.item.autos svg path {

    fill: var(--mainColor);

    stroke: var(--mainColor);

}



.bezugsart-icon svg line,

.bezugsart-icon svg path

{

    fill: #fff;

    stroke: #fff;

}



form:not([action='add2cart.php']) .agbs-icons svg path {

    fill: var(--mainColor);

    stroke: var(--mainColor);

}





.btn-auswahl {

    border-radius: 10px;

}



.summary-label {

    color: var(--mainColor);

}





.summary-item .cls-icons {

    fill: var(--mainColor);

    stroke: var(--borderColor);

}



.priceCalculatorFrame{

    border-style:none;

    width: 100% !important; 

    max-width: 800px !important;

}

.priceCalculatorTitle{

color:#ffffff;

}

.btn-font{

color:#ffffff;

}