/*
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;

}

* {
    font-size: 16px;
    font-size: 1em;
    line-height: 1.6;
}
p,li,figcaption,th,td{
  font-size: 14.4px;
  font-size: 0.9rem;
  }
H1{font-size: 38.4px;
   font-size: 2.4em;
   font-weight: bold;
   color:#1d3e8f;}
H2{font-size: 24px;
   font-size: 1.5em;
   font-weight: bold;
   color: #1d3e8f;
}
H3{font-size: 20px;
   font-size: 1.25em;
   font-weight: bold;
   color: #1d3e8f;
}

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####################*/
header .container {
  --bs-gutter-x: 0px;
}
.navbar-mainnavigation .navbar-brand-image img {
  top: 70%;
}
.navbar{
    transition: none !important;
}
.navbar-transition {
     --mainnavigation-nav-height: 110px; 
}
.navbar-default, .navbar-default-transition, .navbar-default-transition.navbar-transition {
   background-color: rgba(243,245,246,0.92) !important;   
}
.navbar-mainnavigation {
  box-shadow: 0 0px 0 0 rgba(0, 0, 0, 0.15);
  }
.breadcrumb-section {
background-color: initial;
}
header .form-control {
    display: inline-block;
     width: initial;
}
/*#####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 #################*/
  body,footer {
    margin: 0;
    height: 100vh;
    background-image: url('../Images/ksdev-back.svg');
    background-repeat: repeat;
  }
  .navbar-default, .navbar-default-transition, .navbar-default-transition.navbar-transition {
background-color: rgba(167, 174, 234, 0.92) !important;
}