:root {
  --menu-background-color: #3E4575;
  --header-color: #2E2960;
  --header-dots-color: #2E2960;
  --body-color: #2E2960;
  --body-font-size: 1.0rem;
  --bs-link-color: #2E2960;
}

@font-face {
  font-family: 'CenturyGothic';
  src: url('fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'),  url('fonts/CenturyGothic.woff') format('woff'), url('fonts/CenturyGothic.ttf')  format('truetype'), url('fonts/CenturyGothic.svg#CenturyGothic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'CenturyGothic-Bold';
  src: url('fonts/CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'),  url('fonts/CenturyGothic-Bold.woff') format('woff'), url('fonts/CenturyGothic-Bold.ttf')  format('truetype'), url('fonts/CenturyGothic-Bold.svg#CenturyGothic-Bold') format('svg');
  font-style: normal;
}

html,body,div,applet,object,iframe,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{
	font-family: 'CenturyGothic';
}

body, input, textarea, ce-bodytext {
    background: #E6E6E6;
    color: var(--body-color);
}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {
    font-family: 'CenturyGothic-Bold';
    color: var(--header-color);
}

p {
    font-size: var(--body-font-size);
}

.header-image {
  background-image: url("/fileadmin/template/images/header.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

@media (max-width: 540px) {
    #logoheader {
        display:none;
    }
}

@media (min-width: 540px) {
   #logosmall {
        display:none;
    }
    #akkstring .h6 {
        font-size: 0.6rem;
    }
    #akkstring .h1 {
        font-size: 1.4rem;
    }
    #logo {
        height: 60px;
        width: 60px;
    }
}

@media (min-width: 540px) {
    #akkstring .h6 {
        font-size: 0.7rem;
    }
    #akkstring .h1 {
        font-size: 1.8rem;
    }
    #logo {
        height: 100px;
        width: 100px;
    }
}

@media (min-width: 1000px) {
    #akkstring .h6 {
        font-size: 1rem;
    }
    #akkstring .h1 {
        font-size: 3rem;
    }
    #logo {
        height: 200px;
        width: 200px;
    }
}

@media (min-width: 1400px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
        max-width:1280px
    }
}

#akkstring .h6{
    color: var(--header-color);
    line-height: 1.5;
	font-family: 'CenturyGothic';
}

#akkstring .h1 {
    color: var(--header-color);
	font-family: 'CenturyGothic-Bold';
}

#menu {   
    text-align: center;
    background: var(--menu-background-color);    
    box-shadow: 0 1px 0 0 rgba(0,0,0,.1);
}

a
{
	color: #1E6F9A;
	text-decoration: none;	
}

hr
{
	border:0;
    border-top: dotted 3px;
	color: var(--header-dots-color);
    margin-top: 0.6rem;
	margin-bottom: 1rem;
    background-color: transparent;
    opacity: 1;
}

.ce-table{
    width: auto !important;
    table-layout: auto !important;
}

.ce-table tbody td {
    width: auto !important;
}

.ce-table td {
   border-top: none;
}

.table {
	color: var(--body-color);
}

.table>:not(caption)>*>* {
	color: var(--body-color);
}

.text-right {
	text-align: right;
}

.img-fluid {
    padding: 0% 0% 2% 0%;
}

.image-gallery .img-fluid {
    padding: 2% 2% 2% 2%;
}

.table>:not(caption)>*>* {
	padding: .5rem 1.5rem .5rem .5rem;
}