:root {
    --green: #056b38;
    --blue: #025475;
    --blueish: #216d8b;
}



/*
 * Override basep
 */

#mainmenu ul {
    display:block;   
}

#azmenu {
    display:none;   
}

#searchmenu {
    display:none;   
}

.mobileMenuIcon {
    display: none;
}

/* #######################################################################################
   ###################           FONTS                             ####################### 
   ####################################################################################### */

/* #### Generated By: http://www.cufonfonts.com #### */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: normal;
    src: local('Source Sans Pro'), url('Fonts/SourceSansPro-Regular.woff') format('woff');
}
    
/*
    @font-face {
    font-family: 'Source Sans Pro Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Source Sans Pro Italic'), url('Fonts/SourceSansPro-It.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Source Sans Pro ExtraLight';
    font-style: normal;
    font-weight: normal;
    src: local('Source Sans Pro ExtraLight'), url('Fonts/SourceSansPro-ExtraLight.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Source Sans Pro ExtraLight Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Source Sans Pro ExtraLight Italic'), url('Fonts/SourceSansPro-ExtraLightIt.woff') format('woff');
    }
    
*/ 
    @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 200;
    src: local('Source Sans Pro Light'), url('Fonts/SourceSansPro-Light.woff') format('woff');
    }
/*
    @font-face {
    font-family: 'Source Sans Pro Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Source Sans Pro Light Italic'), url('Fonts/SourceSansPro-LightIt.woff') format('woff');
    }
*/ 
    @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 500;
    src: local('Source Sans Pro Semibold'), url('Fonts/SourceSansPro-Semibold.woff') format('woff');
    }
/*
    @font-face {
    font-family: 'Source Sans Pro Semibold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Source Sans Pro Semibold Italic'), url('Fonts/SourceSansPro-SemiboldIt.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Source Sans Pro Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Source Sans Pro Bold'), url('Fonts/SourceSansPro-Bold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Source Sans Pro Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Source Sans Pro Bold Italic'), url('Fonts/SourceSansPro-BoldIt.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Source Sans Pro Black';
    font-style: normal;
    font-weight: normal;
    src: local('Source Sans Pro Black'), url('Fonts/SourceSansPro-Black.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Source Sans Pro Black Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Source Sans Pro Black Italic'), url('Fonts/SourceSansPro-BlackIt.woff') format('woff');
    }*/


/* #######################################################################################
   ###################           BASE                              ####################### 
   ####################################################################################### */

html {
    background:#c0bfbc;    
    font-size:15px;
     font-family: 'Source Sans Pro'
}

h1.green,
h2.green,
h3.green,
h4.green,
h5.green
{
    color:#056b38 !important;
}

h1.blue,
h2.blue,
h3.blue,
h4.blue,
h5.blue
{
    color:var(--blue) !important;
}


div.content-section main h1 {
    font-size: 1.1rem;
    font-weight: 400;
    color:#056b38;
    padding-bottom: 1.4rem;

    background: #056b38;
    color: white;
    margin: 0 -4rem 0 -4rem;
    padding: 0.25rem 1rem 0.3rem 1rem;
    font-weight: bold;
    position: relative;
    
/*    ODER*/
    
/*    font-size: 2.6rem;
    font-weight: 200;
    color:#999;
    padding-bottom: 1.4rem;
    padding-top: 2rem;
        text-decoration: underline;*/

    
/*    border-bottom: 1rem solid white;*/
}

/*Sonderfälle*/

div.content-section main .column1 .frame-default h1 {
    margin-right: -6rem;
}

div.content-section main h1 div.contactLink {
    float:right;
    background-image: url(../Icons/contact_inHeader_3.svg);
    background-repeat: no-repeat;
    background-position: right 1rem top 0.4rem;
    width:6rem;
    height:2rem;
    position: absolute;
    right:0;
    top:0;
    cursor: pointer;
}

/*div.content-section main h1::first-letter {
    font-size: 3rem;
    font-weight: 600;
    font-family: Garamond;
}*/

div.content-section main h2 {
    font-size: 2rem;
    font-weight: 200;
    color:#056b38;
    padding-bottom: 1.4rem;
    padding-top: 2.1rem
}


div.content-section a {
    color:#056b38;    
    text-decoration: none;
}

div.content-section a:hover {
    text-decoration: underline;
}

#sideColumn h2 {
    background:#056b38;    
    color:white;
    padding:0.5rem 1rem;
    font-weight: bold;
    font-size: 1.1rem;
    margin-bottom:0.9rem;
}

div.content-section main .quadTile h2 {
    font-size: 1.4rem;
    font-weight: 600;
    color:#fff;
    padding:0;
}
div.content-section main .rectTile h2 {
    padding-top:0;
}

p {
    padding-bottom: 1rem;
}


/* #######################################################################################
   ###################                 MENU                        ####################### 
   ####################################################################################### */


#menuHeader {
    position: relative;
    top: 6rem;
    left: 5rem;
    width:calc(100% - 10rem);
    display:flex;
}

#mainmenu,
#azmenu,
#searchmenu {
    font-family: 'Source Sans Pro';
    position: relative;
    background:#056b38;
    top: 0;
    left: 0;   
    padding: 2.3rem 0;
    width: 17rem;
    height:25rem;
    font-weight: 500;
}


#mainmenu::after,
#azmenu::after,
#searchmenu::after {
    content: '';
    position: absolute;
    left: 16%;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 0.6rem solid transparent;
    border-right: 0.6rem solid transparent;
    border-top: 0.6rem solid #056b38;
    clear: both;
}

#searchbox {
    width: auto;
    text-align: left;
}
#searchboxItself {
    opacity:1;
    position: relative;
    top:0;
    left:0;
}

#azmenu::after {
    left: 47%;
    border-top: 0.6rem solid #068478;
}

#searchmenu::after {
    left: 77%;
    border-top: 0.6rem solid #05616b;
}


#azmenu {
    background:#068478;
    color:white;
}
#azmenu ul.menuLevel1 {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  position: relative;
}
#azmenu ul.menuLevel1 li {
    position: relative;
}

#azmenu ul {
  list-style-type: none;
}

#searchmenu {
    background:#05616b;
    color:white;
}
#azmenu a,
#searchmenu a {
    color:white;
}

#azmenu .inner,
#searchmenu .inner {
    padding: 0 1.1rem;
}

#mainmenu ul li {
    margin-bottom:0.7rem;
    font-size:1.1rem;
    padding: 0.3rem 1.1rem;
}
#azmenu ul li {
    margin-bottom:0.1rem;
    font-size:1.1rem;
    padding: 0.1rem 3rem 0.1rem 1.5rem;
    margin-bottom: 0.35rem;
    background-color: #056b61;
    border-radius: 0.4rem;    
}



#mainmenu ul li:hover {
    background-color: #068a48;
}
#azmenu ul li:hover {
    background-color: #045951;
}


#mainmenu li.has-children {
    background-image: url(../Icons/arrow_s_r_w.svg);
    background-repeat: no-repeat;
    background-position: right 0.8rem top 0.5rem;
}

#azmenu li {
    background-image: url(../Icons/arrow_s_r_w.svg);
    background-repeat: no-repeat;
    background-size: 0.6rem;
    background-position: right 0.8rem top 0.7rem;
}


#mainmenu a {
    color: white;  
}
#mainmenu a:hover {
    color: white;  
}


#mainmenu ul.menuLevel2 li.level-1, #mainmenu ul.menuLevel3 li.level-2 {
    margin-bottom:0.2rem;
    font-size:1.1rem;
    padding: 0.3rem 1.1rem;
}
#mainmenu ul.menuLevel2 {
    background:#056b38;
    left:16.5rem;
    top:-6rem;
    box-shadow: 0 0 10px 0 rgba(0, 24, 46, 0.3);    
    padding: 1.2rem 0;
    width: 17rem;
}

#mainmenu ul.menuLevel3 {
    background:#056b38;
    box-shadow: 0 0 10px 0 rgba(0, 24, 46, 0.3);    
    left:16.5rem;
    top:-1rem;
    padding: 1.2rem 0;
    width: 17rem;
}

#naviTypes {
    display: flex;
    position: relative;
    top: 7rem;  
    left:5.5rem;
}

#naviTypes > div {
    padding: 0 1rem;
    margin: 0 0.4rem;
    cursor:pointer;
}

#naviTypes .navi {
    
}

#naviTypes .a-z {
    
}

#naviTypes .lupe {
    
}

ul.breadcrumb {
    margin-bottom:2rem;
    display:none;
}

ul.breadcrumb li {
    padding-right:2rem;
    background: url(../Icons/arrow_r.svg);
    background-repeat: no-repeat;
    background-position: right 0.4rem center;
    background-size: 1rem;
}
ul.breadcrumb li:last-of-type {
    padding-right:0;
    background:none;
}


#mobilemenuContent ul li {
    background:#056b38;
}

#mobilemenuContent ul li:hover {
    background-color: #068a48;
    
}

#mobilemenuContent ul li a {
    color:white;
    display:block;
    text-decoration: none;
    padding:0.3rem 1rem;
}



/* #######################################################################################
   ###################                 CONTAINER                   ####################### 
   ####################################################################################### */

#wrap {
    max-width:94rem;
    background:#ececec;
    margin: 0 auto;
    position: relative;
    padding-bottom: 8rem;
}

#schlagladen {
    position: absolute;
    left:-2.6rem;
    top:4rem;
}

#logo {
    position: relative;
    left:6rem;
    top:4rem;
}

#logo p {
    padding:0 !important;
}

#headerImage {
    background-image: url(../Media/BGTemp.jpg);
    background-size: auto;
    width: calc(100% - 17rem);    
}


#contentwrap {
    display:flex;
}

div.content-section {
    position: relative;
    top: 9rem;
    left: 5rem;
    width: calc(100% - 10rem);
    padding-bottom:11rem;
}

#footerColumn {
    width: calc(50% - 1rem);
    background:#025475;
    padding-top: 2rem;    
}

#autoFooterColumn {
    width: calc(50% - 1rem);
    background: #216d8b;
    padding-top: 2rem;    
}

#footerColumn .frame-default, 
#footerColumn .frame-container,
#autoFooterColumn .frame-default, 
#autoFooterColumn .frame-container {
    background: none;
    color: white;
}

#footerColumn a,
#footerColumn h1,
#footerColumn h2,
#autoFooterColumn a,
#autoFooterColumn h1,
#autoFooterColumn h2 {
    color: white;
}

#footerColumn h1,
#footerColumn h2,
#autoFooterColumn h1,
#autoFooterColumn h2 {
    font-size: 1.3rem;
    font-weight: 600;
    padding-top: 0.4rem;
    padding-bottom: 0.7rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid rgba(255,255,255,0.5);
}


footer {
    position: relative;
    top: 3rem;
    left: 6rem;
    
}

#contentwrap #submenuInContent {
    
}

#contentwrap #submenuInContent .submenu {
    padding-left:0.2rem;
}

#contentwrap #content {
    width:100%;
}


/* #######################################################################################
   ###################                 CONTENT                     ####################### 
   ####################################################################################### */

/* Frames, paddings, etc.
   We have white backgrounds in Elements, so sophisticated 
   spacing is needed
*/

/* side paddings and backgrounds for frame elements */
.frame-default,
.frame-container {
    padding: 0 4rem 0 4rem;    
    background: #fff;
}


.frame-none {
    background: none;
    padding: 0;
}


#wrap.homepage .frame-none {
    background: none;
    padding: 0 4rem 0 4rem;
}


/* Add padding top for manually chosen spacing and for first element */
/*.frame:first-of-type {
    padding-top:2rem;
}*/

.frame.rectTile {
    padding-top:0;
}

/* Add padding top for elements preceded by any bottom-spaced element (start a new block) */
/*.frame:not(.frame-space-after-none) + .frame {
    padding-top:2rem;
}*/

/* Add padding bottom for last or manually chosen elements */
.frame:last-of-type,
.frame-space-after-extra-small,
.frame-space-after-small,
.frame-space-after-medium,
.frame-space-after-large,
.frame-space-after-extra-large {
    padding-bottom:2rem;
}

/*Overwrite for Card Elements*/
.frame.rectTile.frame-space-after-small {
    padding-bottom: 0;
}



/*frames inside container need no padding, as the container already provides it*/
.frame-container .frame-default {
    padding:0;
}



.column1 .frame-default {
    padding-right: 2rem;
}

.column2 .frame-default {
    padding-left: 0;
}



#sideColumn .frame-default {
    padding: 0;    
    background:none;
    margin-bottom:2rem;
}
#sideColumn .frame-default p {
    padding:0rem 0.4rem 0.7rem 1rem;
}

.frame-type-basep-2cols-container {
}


.frame-type-basep-2cols-container .frame-default {
    padding-top:0;
}


/*.frame-type-ebersberg23_textwithblock .mainText p:first-line {
    color:red;
}*/

.frame-type-ebersberg23_textwithblock .textblock {
  color: white;
  font-size: 1.8rem;
  background: var(--green);
  padding:1rem 1.5rem;
  margin-right: 2rem;
  padding-left: 4rem;
    background-image: url(../Icons/doubleArrow_w.svg);
    background-repeat: no-repeat;
    background-size:2rem;
    background-position: 1.5rem 1.5rem;
    font-weight: 600;

  float: left;
  margin-left: -6rem;
  margin-bottom: 1.2rem;
  margin-top: 1.2rem;
  max-width: 50%;
  width:max-content;
}

.frame-type-ebersberg23_textwithblock .textblock.smallertext {
  font-size: 1.50rem;
}

.frame-type-ebersberg23_textwithblock.frame-layout-99 .textblock {
  float: right;
  margin-left: 2rem;
  margin-right:-6rem;
  
}




#sideColumn {
    margin-left:2rem;
    width: 13rem;
    flex-shrink: 0;    
    font-size:0.9rem;
}

#contentColumns {
    display:flex;
}

/* Home: Tiles */

.quadTile {
    padding:2rem 2rem;
    background:white;
}
.rectTile {
    display:flex;
}
.rectTile {
    background:white;
}
.rectTile .textTile {
    padding:2rem 2rem 1rem 2rem;
}


.quadTile h2 {
    margin-bottom:1rem;
}

.rectTile h2:not(#wrap.homepage .rectTile h2) {
    font-size:1.4rem;
    font-weight: bold;
}
        

.quadTile.color {
    text-align: center;
    color:white;
    display: flex;
    align-items: center;
}
.quadTile.color > div {
    width: 100%;
    padding-top:12%;
}

.quadTile.green {
    background:#056b38;
}


.quadTile.blue {
    background:#025475;
}


.rectTile .imageTile img {
        width:100%;
        vertical-align: middle;
}
    


/* #######################################################################################
   ####################                 MENU                     ######################### 
   ####################################################################################### */


#submenuInContent {
    padding:0 0 2rem 0;
    flex-shrink:0;
    width: 17rem;
    margin-right:2rem;
    font-size:1.1rem;
}

#submenuInContent .whereWeAre {
    background:#056b38;    
    color:white;
    padding:0.25rem 1rem 0.3rem 1rem;
    font-weight: bold;
}

#submenuInContent ul.submenu {
    padding: 1rem 0;
} 
#submenuInContent ul.submenu li {
/*    padding-left: 0.5rem;*/
}

#submenuInContent ul.submenu li.active a {
    padding-left: 1.5rem;
}
#submenuInContent ul.submenu li.active a.level-0 {
/*    border-left: 5px solid #056b38;*/
    color: #111;
    text-decoration: underline;
    background-image: url(../Icons/doubleArrow_grey1.svg);
    background-repeat: no-repeat;
    background-position: 0 0.35rem;
    
    
    
}


#submenuInContent ul.menuLevel2 {
    padding-left: 1rem;
}
#submenuInContent ul {    
    list-style-type: none;
}
#submenuInContent ul a {    
    text-decoration: none;
    color:#111;    
}

#submenuInContent ul a:hover {    
    text-decoration: underline;
    color:#056b38;    
}


#submenuInContent ul li a {
/*    padding-left:0.5rem;*/
}


#submenuInContent ul li {
    padding:0.3rem 0;
}

#submenuInContent .level-1 {
    padding-left:0.5rem;
}

#submenuInContent .level-1 li {
    padding-left:0.5rem;
}

#submenuInContent  li.level-1.active a.level-1 {
/*    border-left: 5px solid #056b38;*/
    color: var(--green);
    text-decoration: underline;
    background-image: url(../Icons/doubleArrow_gr.svg);
    background-repeat: no-repeat;
    background-position: 0 0.35rem;
    
}

#submenuInContent .navigation-children-container {
}


/*##################################################################*/
/*########################### Tooltips ##########################*/
/*##################################################################*/


.tooltipster-sidetip.tooltipster-light.tooltipster-light-customized .tooltipster-box {
    background: #f6f6f6;
    width: min-content;
    min-width: 300px;
    font-weight: 100;
    line-height: 1.6;  
    border:none;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-light-customized .tooltipster-box p {
    margin-top:0.3rem;
    margin-bottom:0.3rem;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-light-customized .tooltipster-content {
color:#333;
}




#azmenu ul.menuLevel2, 
#azmenu ul.menuLevel3 {
    display:none;
    position:absolute;
    background-color:rgba(255,255,255,0.98);
    margin-top:-1rem;
    padding: 1rem 0.5rem;   
    width:auto;
    left:3.5rem;
    background:#068478;
    box-shadow: 0 0 30px 0 rgba(0, 24, 46, 0.2);        
}

#azmenu ul.menuLevel2.open,
#azmenu ul.menuLevel3.open {
    display:block;
    z-index:9;
}


.accordion header {
    color:white;
    padding: 1rem 0 2rem;
    background:white;
}


div.content-section main .accordion header h2 {
    background:var(--blue);
    padding: 0.3rem 1.1rem 0.3rem 1.1rem;
    color:white;    
    margin:0;
    font-size:1.1rem;
    font-weight: 600;  
    background-image: url(../Icons/arrow_s_d_w.svg);
    background-repeat: no-repeat;
    background-position: right 0.8rem top 0.5rem;
}

.accordion-content {
    padding: 0 1.1rem;
}

div.content-section main .accordion header.ui-accordion-header-active h2 {
    background:var(--blueish);
    background:var(--blue);
    background-image: url(../Icons/arrow_s_u_w.svg);
    background-repeat: no-repeat;
    background-position: right 0.8rem top 0.5rem;
}