/***********************************************/
/* HTML tag styles                             */
/***********************************************/



body{
        font-family: Roboto Condensed, Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 1.6em;
        padding-top: 10px;
        line-height: 1.5;
        color: #000;
        background-color: #fff;
}

/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
        font-size: 100%;
        color:#000;
        text-decoration: none;
        border: 0px;
        outline: 0;
}

a:hover{
        font-size: 100%;
        color:#666;
        text-decoration: none;
}

a:link.btn-link, a:visited.btn-link, a:active.btn-link {
background: #98cbf5;
text-decoration: none;
}

/************** header tag styles **************/

h1{
  font-family: Roboto Condensed, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 180%;
  line-height: 120%;
  color: #3560a6;
}

h2{
 font-family: Roboto Condensed, Arial, Helvetica, sans-serif;
 font-weight: bold;
  font-size: 180%;
  line-height: 120%;
  color: #3560a6 !important;
}

h3{
 font-family: Roboto Condensed, Arial, Helvetica, sans-serif;
 font-weight: bold;
    font-size: 120%;
 line-height: 120%;
 color: #000;
}

h4{
 font-family: Roboto Condensed, Arial, Helvetica, sans-serif;
 font-size: 100%;
 line-height: 100%;
 color: #000;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#top{   

}

#topbg {
    background-image: url(../../../images/headers/headerlinie.png)
}

#menu{
    margin-top: 120px;
    vertical-align: bottom;
}

#logo{
    
}

#headwrap{
    margin: 20px 0px 20px 0px;
}

#head{
    text-align: center;
    opacity: 0.4;
}

#cmainwrap{
    background-color: #cee3f6;
}

#contentwrap{
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

#content {
    padding: 30px;
}

#scouterwrap {
    max-width: 1000px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

#scwrap{
    padding: 30px 0px 30px 0px;
}

#sc1{
    margin-bottom: 20px;
    font-size: 140%;
}

#sc2{
    margin-bottom: 20px;
    font-size: 140%;
}

#sc3{
    margin-bottom: 20px;
    font-size: 140%;
}

#ftouterwrap {
    background-color: #3560a6;
}

#footerwrap {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}


#foot {
    padding-top: 10px;
}

#ftmenu {

}

#ftmenu2 {
    
}

#adress {
    padding-top: 20px;
}

#copy {
    padding: 20px;
    margin: 0 auto;
    text-align: center;
}

.wrap_galerie {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%),1fr));
}

.container_galerie {
    margin: 10px auto;
}

div.termin, div.aktuell {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(360px, 100%),1fr));
}


/*******  User Styles   *********/


/*#logo img {
    width: 100%;
    height: auto;
}*/

#head img {
    width: 100%;
    height: auto;
    max-width: 1000px;
}

#sc1 img, #sc2 img, #sc3 img {
    opacity: 0.6;
    box-shadow: 8px 8px 8px #000;
}

.navigation-toggle-93 {
    background-color: #3560a6 !important;
}

div.topwrap {
    margin: 0 auto;
    width: 100%;
}


.ftmenu li a:link, .ftmenu li a:visited {
    color: #fff;
    background: none;
    padding: 5px 10px 5px 10px;
}

.ftmenu li a:hover {
    color: #cfdef9;
}

.sidr {
    background: #3560a6;
    width: 160px;
}

.sidr ul {
    border: none;
}

.sidr ul li {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.sidr ul li a:hover {
    background: #cee3f6;
    color: #000;
}

div.com-content-category-blog__item.blog-item {
    border-bottom: 1px solid #3560a6;
}

.page-header {
    border: none;
    padding: 0px;
    margin: 0px;
}

.doks {
    padding: 30px 15px;
}

.control-label {
    text-align: left !important;
}

label.element-invisible {
    width: 100px;
    margin-bottom: 20px;
}

.btn-primary {
    border-radius: 0;
}

div.fcp_confirm {
    height: 160px;
    padding:20px;
    color: #fff !important;
    background-color: #3560a6 !important;
}

div.fcp_wrapper {
    max-width: 800px;
}

/***** Frontend Edit Styles *****/

div.float-end {

    margin-bottom: 20px;
    padding: 5px 5px 5px 15px;
}

.float-end a {
    color: #fff;
    background-color: #a33;
    font-weight: 600;
}

span.icon-edit {
    background-image: url(../images/edit_icon.png);
    display: block;
    width: 30px;
    height: 30px;
}



/***** Responsive Styles *****/


@media screen and (min-width: 800px) {
    
    
div.com-content-category-blog__item.blog-item {
    width: 90%;
    float: left;
    background: #fff;
    border: none;
    padding: 10px;
    margin: 10px;
}


}


@media screen and (max-width: 990px) {

    #menu {
        margin-top: 10px;
    }

}

@media screen and (max-width: 799px) {
    
       div.termin, div.aktuell {
        display: block;
    }
    
    #content {
        padding: 10px;
    }
 
    #head {
        visibility: hidden;
        height: 0px;
    }
    
}