/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 18.05.2024, 10:00:33
    Author     : ks
*/

/*@font-face {
font-family: 'OpenSans', sans-serif;
font-style: normal;
font-weight: normal;
font-display: swap;
src: url('/typo3conf/ext/ks_bsp_sitepackage12/Resources/Public/Fonts/OpenSans-Regular.ttf') format('truetype');
src: url('../Fonts/OpenSans-Regular.ttf') format('truetype');
}
@font-face {
font-family: 'OpenSans', sans-serif;
font-style: normal;
font-weight: bold;
font-display: swap;
src: url('/typo3conf/ext/ks_bsp_sitepackage12/Resources/Public/Fonts/OpenSans-SemiBold.ttf') format('truetype');
}*/

/*.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}*/

html, body {
    height: 100%;
    color: #666666;
/*    font-family: 'OpenSans', sans-serif;*/
    font-size: 16px;
    font-size: 1em;
    -webkit-text-size-adjust: 1em; /* 2 */
    -ms-text-size-adjust: 1em; /* 2 */
}
body{ 
    display: table;
    margin:0;
    padding:0;
    width: 100%;
    font-size: 16px;
    font-size: 1em;

}


/*responsive 08 2025 start*/

:root {
  font-size: 16px; /* Basis für 1rem */
}

* {
  font-size: clamp(1rem, 1.25vw, 1rem);
  line-height: 1.6;
}
/*da über * gesetzt - werte nicht für span*/
span{
  font-size: unset;
  line-height: unset;
}
p, li, figcaption, th, td, strong, a {
  font-size: clamp(0.8rem, 1.1vw, 0.9rem);
}
.carousel-text {
  font-size: clamp(0.7rem, 1.1vw, 0.9rem);
}
nav#mainnavigation .navbar-nav .nav-item .nav-link-text,
.navbar-mainnavigation .nav-item{
        font-size: 1rem; /* Zurücksetzen der Basis */
  font-size: clamp(0.9rem, 1.1vw, 1rem);/* Dynamische Anpassung */
} 
h1 {
  font-size: clamp(1.5rem, 3.5vw, 2.375rem);
  font-weight: bold;
  color: #1d3e8f;
}

h2, h2 span, h2 a span {
  font-size: clamp(1.25rem, 2.2vw, 1.5rem);
  font-weight: bold;
  color: #1d3e8f;
}

h3, h3 span, h3 a span {
  font-size: clamp(1rem, 1.8vw, 1.3rem);
  font-weight: bold;
  color: #1d3e8f;
}
/*icon werden über * fontsize erfasst > zu klein - wird hier überschreiben*/
.texticon-icon .texticon-inner-icon, .texticon-icon .texticon-inner-icon svg, .texticon-icon .texticon-inner-icon img {
  font-size: inherit;
}
/*responsive 08 2025 end*/

main a:focus, 
main a:hover, 
main a:focus {
    text-decoration: underline;
}
/*RTE eingaben*/
span.detail{color: #009ee0;}
span.name-of-person{color: #10007B;}
span.important{color: #8A0020;}
span.green { color: #5cb85c; }
span.red { color: #FF0000; }
span.blue { color: #06C; }
span.yellow { color: #ffe54a; }
/* bild in box rechts */

table {
    background-color: #06C;
}

tbody, td, tfoot, th, thead, tr {
    padding: 0.5rem 0.5rem;
    border-color: #dadada;
    border-style: solid;
    border-width: 1px;
    background-color: #fff;
}
.table>:not(caption)>*>* {
    padding: 0.5rem 0.5rem;
    border-color: #dadada;
    border-style: solid;
    border-width: 1px;
    background-color: #fff;
}
/*######################navi####################*/

.navbar-default, .navbar-default-transition, .navbar-default-transition.navbar-transition {
   background-color: rgba(243,245,246,0.92) !important;   
}
.navbar-mainnavigation .navbar-brand-image img {
  top: 86%;
  max-height: calc(var(--mainnavigation-nav-height) - 18px);
/*   background-color: white;*/
   }
@media (max-width: 425px) {
    .navbar-mainnavigation .ksdev-toprow .p-2  {
       padding: 0rem !important; 
    }
}   
@media (min-width: 576px) {
.navbar-mainnavigation .navbar-brand-image img {
  top: 89%;
  max-height: calc(var(--mainnavigation-nav-height) - 15px);
/*   background-color: red;*/
}
}
@media (min-width: 768px) {
.navbar-mainnavigation .navbar-brand-image img {
  top: 94%;
  max-height: calc(var(--mainnavigation-nav-height) - 9px);
/*  background-color: blueviolet;*/
}
}
@media (min-width: 992px) {
.navbar-mainnavigation .navbar-brand-image img {
  top: 130%;
  max-height: calc(var(--mainnavigation-nav-height) - 30px);
/*  background-color: yellow;*/
}
}
@media (min-width: 1200px) {
.navbar-mainnavigation .navbar-brand-image img {
  top: 150%;
  max-height: calc(var(--mainnavigation-nav-height) - 33px);
/*  background-color: green;*/
}
}
@media (max-width: 992px) {
header{
    min-height: inherit !important;
}
}
@media (min-width: 992px) {
/*.navbar-mainnavigation .navbar-brand-image img {
  top: 110%;
}*/
}
/*#####thumbnail-menu-image ##########*/ 
.thumbnail-menu-link:hover .thumbnail-menu-caption-title, .thumbnail-menu-link:focus .thumbnail-menu-caption-title {
    opacity: 1;
       color: #EAECEE;
}
/*######################main######################*/
/*jeder inhatsrahmen weiss*/
/*.frame-container-default{
    background-color: #ffffff;
}*/
.frame-option-trans .frame-container-default{
    background-color: transparent;
}
.frame-option-white{
    background-color: #ffffff;
}

.frame-option-ruler-before-small {
    border-top: 1px solid rgba(0, 0, 0, 0.125);
    margin-top: 0;
    --frame-spacing: var(--frame-spacing-small);
}
.accordion-item {
  background-color: #fff;
}

/*video*/
.textmedia .embed-responsive .embed-responsive-item, .embed-responsive video {
    position: relative; 
    width: 100%;
    height: 100%;
    border: 0;
}
.textmedia .embed-responsive-16by9:before {
     padding-top: initial;
}
/*carousel*/
.carousel-item-layout-light {
  --carousel-item-background: inital;
}
/*index search*/
ul.tx-indexedsearch-browsebox li {
 display: inline list-item;
}
/*######################footer######################*/
.footer-section-content,.footer-section-meta {
  background: #EAECEE;
  --frame-color: #1d3e8f;
  --frame-background: #EAECEE;
  --frame-link-color: #1d3e8f;
  --frame-link-hover-color: #1399D4;
}

footer .footer-section .frame-container-default {
    background-color: transparent;
}

/*ksdev ################ aimeos #################*/
/*main{
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+CjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0iI2ZmZiI+PC9yZWN0Pgo8cmVjdCB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIGZpbGw9IiNjY2MiPjwvcmVjdD4KPHJlY3QgeD0iMTAiIHk9IjEwIiB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIGZpbGw9IiNjY2MiPjwvcmVjdD4KPC9zdmc+");}*/


/*werkstatt*/
main{
            background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="300" height="300" viewBox="0 0 300 300"%3E%3Cg fill="%23d3d3d3" opacity="0.5"%3E%3Ctext transform="rotate(-30 20,50)" x="20" y="50" font-family="Arial, sans-serif" font-size="20" font-weight="bold"%3EWERKSTATT%3C/text%3E%3Ctext transform="rotate(-30 20,150)" x="20" y="150" font-family="Arial, sans-serif" font-size="20" font-weight="bold"%3EWERKSTATT%3C/text%3E%3Ctext transform="rotate(-30 20,250)" x="20" y="250" font-family="Arial, sans-serif" font-size="20" font-weight="bold"%3EWERKSTATT%3C/text%3E%3C/g%3E%3C/svg%3E');
            background-repeat: repeat;
}