/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
#tm-main{
}

#tm-main.uk-block{
    padding: 0;
}
#tm-main .uk-container{
    max-width: 100%;
    padding: 0;
    margin:0;
    text-align: center;
}

#tm-content{
    margin:0;
    padding:0;
}
.uk-width-1-1{
    padding:0;
    margin: 0;
    min-width: 100%;
}
.uk-article{
    max-width: 100%;
    margin:0;
    padding:0 !important;
}

.uk-grid >*{
    padding:0;
}
#tm-main .uk-grid{
    margin:0;
}


.section-009AB1, .tm-toolbar{
    background-color: #009AB1;
    color: #FFFFFF;
}
.section-009AB1 h1, .section-009AB1 h2, .section-009AB1 h3{
    color: #FFFFFF;
}
.section-009AB1 a{
    color: #EE8694;
}


.section-FFFFFF{
    background-color: #FFFFFF;
    color: #000000;
}

article.uk-article article{
    padding: 50px 0 50px 0;
    width: 100%;
    min-height: 400px;
    height: 100%;
    display: block;
    overflow: hidden;
    clear:both;
}

article article .title-box{
    margin-bottom: 2em;
}

article.uk-article article .content-box{
    width: 90%;
}
.section-009AB1 h1{
    width: auto;
    margin: 20px auto;
    text-align: center;
    color:#FFFFFF;
}

.section-009AB1 h2, .section-009AB1 h3, .section-009AB1 h4, .section-009AB1 h5, .section-009AB1 h6{
    width: auto;
    margin: 20px auto;
    text-align: left;
    color:#FFFFFF;
}
section-FFFFFF h1{
    width: auto;
    margin: 20px auto;
    text-align: center;
    color:#000000;
}

.section-FFFFFF h2, .section-FFFFFF h3, .section-FFFFFF h4, .section-FFFFFF h5, .section-FFFFFF h6{
    width: auto;
    margin: 20px auto;
    text-align: left;
    color:#000000;
}
article h1 span, article h2 span, article h3 span, article h4 span, article h5 span, article h6 span{
    color:#EE8694;
}

article article{
    text-align: center;
}
article article div{
    margin-left: auto;
    margin-right: auto;
}

article article p{
    text-align: left;
}
article article ul{
    marin:0;
    padding:0;
    text-align: left;
    list-style: none;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}
#start{
    background: url("../images/backgrounds/home.png") no-repeat;
    background-size:     cover;
    background-repeat:   no-repeat;
    background-position: center center;
}

#start .start-image-overlay{
    display:inline-block;
    padding:10px;
    min-width: 40%;
    max-width: 60%;
    width: auto !important;
    min-height:360px;
    background-color: rgba(255,255,255,0.5);
    color: #000000;
}

#start h1 {
    line-height: 1.5em;
    font-size: 4em;
    display: inline-block;
    color: #000000;
}

#ueber-uns h1, #ueber-uns h2, #ueber-uns h3, #ueber-uns h4, #ueber-uns h5, #ueber-uns h6{
    color: #000000;
}

/* start vorstand */
#vorstand .vorstand-box{
    display: inline-block;
    min-height: 400px;
    width: 33%;
}
#vorstand .vorstand-wrapper{
    background: #404040;
    width: 90% !important;
    padding: 20px 0;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    position: relative;
    text-align: center;
}

#vorstand .vorstand-wrapper .vorstand-des h4
{
    text-align: center;
    font-weight: 600;
    color: #FFF;
}

#vorstand .vorstand-wrapper .vorstand-des span
{
    color: rgb(238,134,148);
    display: block;
    font-weight: bold;
    padding-bottom: 12px;
    clear: both;
}

#vorstand .vorstand-wrapper .vorstand-des span.white{
    color: #FFFFFF;
}

#vorstand .vorstand-wrapper .vorstand-des span.white i span{
    display:inline-block;
}

#vorstand .vorstand-wrapper .vorstand-des span.white a{
    color: #FFFFFF;
    font-weight: normal;
}
#vorstand .vorstand-wrapper img{
    display: inline-block;
    margin-top: 10px;
}
/* end vorstand */


/*start projekte */
#projekte .content-box{
    margin:0 auto;
    padding:0;
    width: 100%;
    display:block;
}
#projekte .content-box:after{
    clear:both;
}
#projekte .projekt-box{
    margin:0;
    padding: 0;
    width: 25% !important;
    float: left;
}

#projekte .portfolio-overlay h4{
    display: inline-block;
    width: 100%;
    vertical-align: bottom;
    text-align: center;
    background-color: #FFFFFF;
    color: #000000;
}


#projekte .portfolio-thumb, #projekte .portfolio-overlay{
    overflow: hidden;
    padding: 0;
    margin: 0;
    max-width: 450px;
    width: 100% !important;
}

#projekte .portfolio-thumb .portfolio-overlay{
    background: #EE8694;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    opacity: 0;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    text-align: center;
}
#projekte .portfolio-thumb:hover .portfolio-overlay
{
    cursor: pointer;
    opacity: 0.7;
}

/*end projekt */

/* Kontakt start*/
#kontakt .box-info, #kontakt .dsgvo-info{
    margin: 8px 0;
}
#kontakt .content-box .box-left, #kontakt .content-box .box-right{
    width: 50%;
    float:left;
}
#kontakt span.red{
    color: red;
    padding: 0 5px;
}
/* Kontakt end */

#kontakt .form-horizontal .control-group{

}
#kontakt .form-horizontal fieldset{
    display: inline-block;
    width: 215px;
    *display: inline;
    *zoom: 1;
    margin-bottom: 0;
    vertical-align: top;
    text-align: left;
}

#kontakt .controls > .radio:first-child{
    padding-top:0;
}

#kontakt .control-group .controls textarea{
    height: 60px;
    resize: none;
}

#kontakt .dsgvo-btn.btn-default:disabled:hover{
    color: #EE8694;
    background-color: #FBFBFB;
}

#kontakt .dsgvo-btn.btn-default:hover{

    background-color: #009AB1;
}

#kontakt address div{
    margin-bottom: 10px;
}

#veranstaltung .veranstaltung-wrapper{
    display: block;
}
#veranstaltung .veranstaltung-wrapper span img{
    float: left;
    margin: 0 10px 0 0;
}
#veranstaltung .veranstaltung-wrapper span section{
    display: block;
}

#veranstaltung .varanstaltung-bottom{
    margin: 8px 0 0 0;
}
/* Datenschutz screen start */

article.uk-article div.datenschutz article ul.no-points{
    list-style: none;
    list-style-type: none;
    list-style-image: none;
}
article.uk-article div.datenschutz article ul{
    margin: 1em ;
    list-style-type: circle;
    list-style: circle;
    list-style-position: inside;
}

article.uk-article div.datenschutz article ul ul{
    margin: 1em ;
    list-style-type: disc;
    list-style: disc;
    list-style-position: inside;
}
article.uk-article div.datenschutz article ul li{
    margin-bottom: 1em;
}

article.uk-article div.datenschutz article ul li h3{
    display: inline-block;
    maargin-bottom: 1em;
}


article.uk-article div.datenschutz article h1{
    font-sitz: 2em;
    font-weight: bold;
}
article.uk-article div.datenschutz article h2{
    font-size: 1.5em;
    font-weight: bold;
}
article.uk-article div.datenschutz article h3{
    font-size: 1.5em;
    font-style: italic;
    padding:0;
    margin:0;
}

article.uk-article div.datenschutz article{
    font-size: 1em;
    min-height: 1em;
    height: auto !important;
    height: 100%;
    width: 90% !important;
    padding: 25px 15px 0 15px;
    text-align: left;
    word-wrap:break-word;
    white-space: normal;
}

article.uk-article div.datenschutz article.last-of-type{
    padding-bottom: 25px;
}
/* Datenschutz screen stop */

/* headlines start */
    div.toolbar-re-news h3{
        width: 100px;
        background: url("../images/content/headlines/aktuelles.png") no-repeat;
        background-size:     contain;
        background-repeat:   no-repeat;
        background-position: top left;
        margin-bottom: 0;
    }

div.toolbar-re-news ul{
    margin-top: 5px;
}
/* headlines stop */

/* logo & more start */
.tm-toolbar{
    height: 100% !important;
}

.tm-toolbar .uk-float-right{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.button{
    height: 100% !important;
}

.toolbar-re-news{
    margin-top: 20px;
}
/*logo & more end */

span.pipe {
    padding: 0 5px 0 5px;
}

/*Modal start */
.modal-title{
    text-align: center;
    font-weight: bold;
    color:  #009AB1;
    padding: 5px 0 0 0;
}

#cboxClose{
    color:  #EE8694;
}
.modal-detail{
    padding: 10px 2px;
}
/*Modal ende */

/*modal content start */
#cboxWrapper article.uk-article article ul.no-points{
    list-style: none;
    list-style-type: none;
    list-style-image: none;
}
#cboxWrapper article.uk-article article ul{
    margin: 1em ;
    list-style-type: circle;
    list-style: circle;
    list-style-position: inside;
}

#cboxWrapper article.uk-article article ul ul{
    margin: 1em ;
    list-style-type: disc;
    list-style: disc;
    list-style-position: inside;
}
#cboxWrapper article.uk-article article ul li{
    margin-bottom: 1em;
}

#cboxWrapper article.uk-article article ul li h3{
   display: inline-block;
    maargin-bottom: 1em;
}


#cboxWrapper article.uk-article article h1{
    font-sitz: 2em;
    font-weight: bold;
}
#cboxWrapper article.uk-article article h2{
    font-size: 1.5em;
    font-weight: bold;
}
#cboxWrapper article.uk-article article h3{
    font-size: 1.5em;
    font-style: italic;
    padding:0;
    margin:0;
}

#cboxWrapper article.uk-article article{
    font-size: 1em;
    min-height: 1em;
    height: auto !important;
    height: 100%;
    width: 90% !important;
    padding: 25px 15px 0 15px;
    text-align: left;
    word-wrap:break-word;
    white-space: normal;
}

#cboxWrapper article.uk-article article:last-of-type{
    padding-bottom: 25px;
}
/*modal content end */