/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

.tm-toolbar {
    margin-top: 10px;
    margin-bottom: 10px;
}

.tm-headerbar {
    margin-top: 10px;
    border-top-left-radius: 37px;
}

.tm-headerbar {
    background: #2c539e;
}

@media (min-width: 1220px){
    .tm-headerbar {
    margin-bottom: 0px;
    }
    .tm-navbar {
    margin-top: 0px;
    }
}

.gm-style-iw p {
    margin: 0px;
}

.tm-navbar {
    margin-top: 0px;
}

.tm-headerbar {
    margin-bottom: 0px;
}

.tm-navbar {
    border-bottom-right-radius: 37px;
}

.uk-navbar {
    background: #2c539e;
    color: #fafafa;
}

.uk-navbar-nav > li > a {
    color: #f09100;
    font-size: 14px;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
}

.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a {
    background-color: #f09100;
    color: #2c539e;
    outline: none;
}

.uk-navbar-nav > li.uk-active > a {
    background-color: #f09100;
}

.uk-dropdown-navbar {
    margin-top: 0;
    background: #f09100;
    color: #2c539e;
    text-transform: uppercase;
}

.uk-nav-navbar > li > a:hover, .uk-nav-navbar > li > a:focus {
    background: #2c539e;
    color: #fafafa;
    outline: none;
}

.uk-nav-side > li.uk-active > a {
    background: #f09100;
    color: #2c539e;
}

.uk-nav-side > li > a:hover, .uk-nav-side > li > a:focus {
    background: #f09100;
    color: #2c539e;
    outline: none;
}

.tm-headerbar .uk-panel {
    max-width: 1200px;
    float: left;
    width: 100%;
    height: 250px;
}

.tm-logo p {
    margin: 0px;
}

.uk-article-title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.01em;
}

.uk-article .preadmore:before {
    content: "\f196";
    font-family: "FontAwesome";
    font-size: 19px;
    position: absolute;
    line-height: 21px;
    color: #f09100;
}

.uk-article .readmore {
    padding-left: 23px;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 20px 0;
    font-family: 'Open Sans';
    font-weight: 300;
    color: #2c539e;
    text-transform: none;
    letter-spacing: 0.01em;
}

h2 {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

a:hover, .uk-link:hover {
    color: #2c539e;
    text-decoration: none;
}

.btn {
    border: 1px solid;
    border-radius: 0;
    border-color: #f09100;
    box-shadow: none;
    text-shadow: none;
    line-height: 22px;
    background: #f09100;
    color: #fff;
}

.btn:hover, .btn:focus {
    background-color: #fff;
    color: #f09100;
}

.btn-primary, .btn-info, .btn-inverse {
    border: 1px solid #f09100;
}

.btn-primary:hover, .btn-info:hover, .btn-inverse:hover {
    background-color: #fff;
    color: #f09100;
    border: 1px solid #f09100;
}

.uk-button-primary {
    background-color: #f09100;
    color: #ffffff;
    border: 1px solid #f09100;
}

.uk-button-primary:hover, .uk-button-primary:focus {
    background-color: #ffffff;
    color: #f09100;
}

.yoo-zoo button, .yoo-zoo input[type='button'], .yoo-zoo input[type='submit'], #cancel-button {
    -webkit-appearance: none;
    margin: 0;
    border: none;
    overflow: visible;
    font: inherit;
    color: #fff;
    text-transform: none;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 12px;
    background: #f09100;
    vertical-align: middle;
    line-height: 30px;
    min-height: 30px;
    font-size: 1rem;
    text-decoration: none;
    text-align: center;
    border: 1px solid #f09100;
}

.yoo-zoo button:hover, .yoo-zoo input[type='button']:hover, .yoo-zoo input[type='submit']:hover,
.yoo-zoo button:focus, .yoo-zoo input[type='button']:focus, .yoo-zoo input[type='submit']:focus,
#cancel-button:hover {
    color: #f09100;
    background: #fff;
}

h1, .uk-h1 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.01em;
}

.page-header {
    margin: 0px 0px 0px 0px;
    padding-bottom: 5px;
}

.page-header {
    padding-bottom: 0px;
    margin: 0px 0 0px;
    border-bottom: 0px solid #f09100;
}

.uk-article h2 {
    margin: 0 0 10px 0;
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 16px;
    color: #2c539e;
    text-transform: uppercase;
    letter-spacing: 0;
    line-height: 20px;
}

.uk-article {
    border-bottom: 1px solid #ffd1a3;
}

.uk-article:after {
    margin-bottom: 20px;
}

.gm-style h3, .gm-style .uk-h3 {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    margin: 0px;
}

.uk-panel-box .uk-panel-title {
    color: #2c539e;
}

.uk-panel-title, .uk-panel-title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    text-transform: uppercase;
}

.uk-panel, .uk-panel-box {
    background: transparent;
}

.tm-sidebar-b .uk-panel-box, .tm-top-a .uk-panel-box,
.tm-top-b .uk-panel-box, .tm-sidebar-a .uk-panel-box,
.tm-main-top .uk-panel-box {
    padding: 0px;
}

.tm-sidebar-a .uk-panel-box > .uk-nav-side {
    margin: 0 0px;
}

.well {
    background: transparent;
    padding: 0px !important;
}

#member-registration legend {
    display: none;
}


/* Zoo Blog */

#yoo-zoo a.item-icon.edit-item {
    display: none;
}

#yoo-zoo #mysubmissions a.item-icon.edit-item {
    display: block !important;
}

#yoo-zoo .mysubmissions > h1.headline, #yoo-zoo .submission > h1.headline {
    margin: 0px 0px 8px 0px;
    font-family: 'Open Sans', Verdana, Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    color: #2c539e;
    letter-spacing: 0.01em;
}

#yoo-zoo #comments #respond h3 {
    margin: 0 0 10px 0;
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    font-family: 'Open Sans', Verdana, Arial, sans-serif;
    text-transform: uppercase;
    color: #2c539e;
    letter-spacing: 0.01em;
}

#yoo-zoo #comments {
    margin-top: 0px;
}

.submission {
    font-size: 14px;
}

.submission div.submit {
    margin: 10px 0 10px 0;
    overflow: hidden;
    text-align: left;
}

#yoo-zoo div.submission fieldset legend {
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 0 0 0;
    background: transparent;
    font-family: 'Open Sans', Verdana, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #2c539e;
    text-transform: uppercase;
}

.creation-form input[type='text'], .creation-form input[type='password'] {
    font-size: 14px;
}

.yoo-zoo textarea, .yoo-zoo input[type='text'], .yoo-zoo input[type='password'], 
.yoo-zoo select {
    border: 1px solid #f09100;
    background: #ffffff;
}

#yoo-zoo .item h3 {
    margin-top: 0px;
    font-family: 'Open Sans', Verdana, Arial, sans-serif;
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: 400;
    color: #2c539e;
    text-transform: uppercase;
}

#yoo-zoo #comments .comment-byadmin .comment-head {
    border: 0px solid #dce6b4;
    background: #ffd1a3;
    padding-left: 10px
}

#yoo-zoo #comments .comment-head {
    margin-bottom: 0px;
    padding: 5px;
    border: 0px solid #e6e6e6;
    background: transparent;
}

#yoo-zoo #comments .comment-head .author {
    margin: 8px 0 0 0;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    text-shadow: none;
    float: left;
}

#yoo-zoo .comment-head .meta {
    display: inline-block;
    padding-top: 3px;
    padding-left: 10px;
}

#yoo-zoo #comments .comment-body .content {
    text-align: left;
}

#yoo-zoo #comments .comment-body {
    margin-bottom: 20px;
    padding: 10px 10px 10px 10px;
    background: #ebebeb;
}

#yoo-zoo #comments .comment-body p {
    margin-bottom: 0px;
}

#yoo-zoo.agpps-blog .items h1.pos-title a {
    font-size: 16px;
}

.element-itemcommentslink:before {
    content: "\f044";
    font-family: "FontAwesome";
    font-size: 18px;
    position: absolute;
    color: #f09100;
}

.element-itemcommentslink a{
    padding-left: 25px;
}

#yoo-zoo .items p.pos-links span a:after {
    content: "";
    font-size: 14px;
}

.comment-cancelReply {
    -webkit-appearance: none;
    margin: 0;
    border: none;
    overflow: visible;
    font: inherit;
    color: #fff;
    text-transform: none;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 12px;
    background: #f09100;
    vertical-align: middle;
    line-height: 30px;
    min-height: 30px;
    font-size: 1rem;
    text-decoration: none;
    text-align: center;
    border: 1px solid #f09100;
}

.comment-cancelReply:hover, .comment-cancelReply:focus {
    color: #f09100;
    background: #fff;
    border: 1px solid #f09100;
}

.mysubmissions .toolbar .submission-add .trigger {
    background: #fff;
    color: #f09100;
    border: 1px solid #f09100;
}

.mysubmissions .toolbar .submission-add .trigger:before {
    content: "\f196";
    font-family: "FontAwesome";
    font-size: 18px;
    position: absolute;
    left: -20px;
    color: #f09100;
    line-height: 30px;
}

.mysubmissions .toolbar div.links {
    min-width: 150px;
    padding: 2px 10px;
    border: 1px solid #f09100;
    background: #FFFFFF;
    font-size: 14px;
}

.mysubmissions ul.submissions > li > div.header {
    position: relative;
    border: 1px solid #2c539e;
    border-bottom-color: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

#yoo-zoo .item h1.pos-title, #yoo-zoo .item h1.pos-title a {
    margin: 0px 0px 8px 0px;
    font-family: 'Open Sans', Verdana, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    color: #2c539e;
    letter-spacing: 0.01em;
}

#yoo-zoo .item div.pos-author {
    padding: 10px 0px 10px 0px;
    background: transparent;
    overflow: hidden;
    text-transform: uppercase;
    color: #2c539e;
}

.yoo-zoo .commentsback {
    background: #ebebeb;
    padding: 10px 10px;
    display: block;
    margin-bottom: 20px;
}

.mysubmissions ul.submissions > li > div.header > h3 {
    display: inline-block;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    text-indent: 10px;
    cursor: pointer;
    text-transform: uppercase;
}

.mysubmissions ul.submissions > li > div.header > a.edit-item {
    background: none;
}

.mysubmissions ul.submissions > li > div.header > .edit-item:before {
    content: "\f040";
    font-family: "FontAwesome";
    font-size: 18px;
    position: absolute;
    color: #f09100;
    line-height: 21px;
}

.mysubmissions ul.submissions > li > div.header > a.delete-item {
    background: none;
}

.mysubmissions ul.submissions > li > div.header > .delete-item:before {
    content: "\f014 ";
    font-family: "FontAwesome";
    font-size: 18px;
    position: absolute;
    color: #f09100;
    line-height: 21px;
}

.yoo-zoo .pos-administration .element-itemfrontpage {
    width: 50%;
    float: left;
}

.yoo-zoo .pos-administration .element-itemstate {
    width: 50%;
    float: left;
}

.yoo-zoo .pos-administration .element-itemcategory {
    width: 100%;
    float: left;
}

.yoo-zoo .pos-administration.creation-form .element > div {
    overflow: hidden;
    padding-left: 5px;
}

.yoo-zoo .element-itemcategory select {
    border: 1px solid #c8c8c8;
    background: #ffffff;
    line-height: 32px;
    height: 80px;
}





/* Zoo */

.yoo-zoo a:hover {
    text-decoration: none;
}


.zoo-filter .form-inner {
    margin-left: 10px;
    padding-top: 5px;
}

.zoo-filter .form-element-row {
    float: left;
}

.zoo-filter.form-wrapper {
    background: #fae8da;
}

.filterbuttons {
    margin-top: 29px;
    display: inline-block;
}

.filterbuttons .btn {
    margin-left: 10px
}

.zoo-filter input, .zoo-filter textarea, 
.zoo-filter .uneditable-input {
    width: 160px;
}

.yoo-zoo select {
    border: 1px solid #c8c8c8;
    background: #ffffff;
    line-height: 32px;
    height: 32px;
}

.zoo-filter-result.yoo-zoo input[type='submit'] {
    padding: 0px 12px 0px 12px;
    line-height: 30px;
    height: 30px;
    margin: -10px 0px 0px 10px;
}

.yoo-zoo .ordering {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e4a570;
}

.yoo-zoo .total {
    margin-top: 10px;
}

#yoo-zoo .details h1.title, #yoo-zoo .items h1.pos-title, 
#yoo-zoo .items h1.pos-title a {
    margin: 0px 0px 10px 0px;
    font-family: 'Open Sans';
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    color: #2c539e;
}

#yoo-zoo .details div.heading {
    padding-bottom: 5px;
    border-bottom: solid 0px #323232;
}

#yoo-zoo .details {
    margin: 0px 0px 0px 0px; 
}

.yoo-zoo.agpps-mitgliederverzeichnis.agpps-mitgliederverzeichnis-mitglieder .items div.teaser-item,
.yoo-zoo.agpps-fachinformationen.agpps-fachinformationen-fachinformationen .items div.teaser-item {
    margin-left: -10px;
    margin-right: -10px;
}


#yoo-zoo .items div.teaser-item:last-child div.teaser-item-bg,
#yoo-zoo .items div.teaser-item-bg,
.yoo-zoo.zoo-filter-result .items div.teaser-item {
    padding:10px;
    background: #ebebeb;
    overflow: hidden;
}

#yoo-zoo.agpps-mitgliederverzeichnis .items div.teaser-item:last-child,
#yoo-zoo.agpps-fachinformationen .items div.teaser-item:last-child {
    margin-bottom: 20px;
}

#yoo-zoo.agpps-mitgliederverzeichnis .items div.teaser-item,
#yoo-zoo.agpps-fachinformationen .items div.teaser-item {
    padding: 10px 10px 10px 10px;
}

#yoo-zoo.agpps-mitgliederverzeichnis .items,
#yoo-zoo.agpps-fachinformationen .items {
    margin: 0px 0px 0px 0px;
    overflow: hidden;
}

.pos-name span, .pos-position span, .pos-abteilung span, 
.pos-organisation span  {
    font-weight: 600;
}

.pos-adresse:before {
    content: "\f015";
    font-family: "FontAwesome";
    font-size: 18px;
    position: absolute;
}

.yoo-zoo div.pos-adresse span {
    padding-left: 30px;
    display: inline-block;
}

.pos-telefon:before {
    content: "\f098";
    font-family: "FontAwesome";
    font-size: 19px;
    position: absolute;
}

.yoo-zoo div.pos-telefon span {
    padding-left: 30px;
    display: inline-block;
}

.pos-email:before {
    content: "\f003";
    font-family: "FontAwesome";
    font-size: 17px;
    position: absolute;
}

.yoo-zoo div.pos-email span {
    padding-left: 15px;
    display: inline-block;
}

.pos-website:before {
    content: "\f0ac";
    font-family: "FontAwesome";
    font-size: 17px;
    position: absolute;
}

.yoo-zoo div.pos-website span {
    padding-left: 30px;
    display: inline-block;
}


#yoo-zoo .details div.description {
    margin-top: 0px;
    overflow: hidden;
}

.yoo-zoo .pos-ikon:before {
    content: "\f016";
    font-family: "FontAwesome";
    font-size: 60px;
    line-height: 60px;
    height: 60px;
    float: left;
}

.yoo-zoo .abstand {
    margin-left: 20px;
    float: left;
    display: block;
}

.yoo-zoo .fachlabel {
    font-weight: 600;
}

.submission a.button-green, .submission button.button-green {
    display: inline-block;
    border-image-source: none;
    border-image-slice: none;
    border-image-width: none;
    border-image-outset: none;
    border-image-repeat: none;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    text-shadow: none;
    padding: 0px 12px;
    border-width: 1px;
    border-style: solid;
    border-color: #f09100;
    border-radius: 0px;
    background: #f09100;
}

.submission a.button-green:hover, .submission button.button-green:hover {
    border-image-source: none;
    border-image-slice: none;
    border-image-width: none;
    border-image-outset: none;
    border-image-repeat: none;
    text-decoration: none;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    border-color: #f09100;
    background: #fff;
    color: #f09100;
}

#yoo-zoo div.kontaktdaten {
    background: #ebebeb;
    padding: 15px 20px 20px 20px;
}

#yoo-zoo div.pos-inhalt {
    padding: 20px 0px 20px 0px;
}

.yoo-zoo.agpps-stellenanzeigen .pos-title h1,
.yoo-zoo.agpps-stellenanzeigen .kontaktdaten h1 {
    margin: 0px 0px 0px 0px;
    font-family: 'Open Sans';
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    color: #2c539e;
}

.yoo-zoo.agpps-stellenanzeigen .kontaktdaten h1 {
    margin: 0px 0px 10px 0px;
    font-family: 'Open Sans';
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    color: #2c539e;
}

.yoo-zoo.agpps-stellenanzeigen .pos-link:before {
    content: "\f196";
    font-family: "FontAwesome";
    font-size: 19px;
    position: absolute;
    line-height: 21px;
    color: #f09100;
}

.yoo-zoo div.pos-link {
    padding-top: 20px;
}

.yoo-zoo div.pos-link span {
    padding-left: 22px;
    display: inline-block;
}

@media (min-width: 768px) {
    .yoo-zoo .abstand {
    white-space: normal;
    max-width: 380px;
    }
}

@media (min-width: 970px) {
    .yoo-zoo .abstand {
    white-space: normal;
    max-width: 540px;
}
}
@media (min-width: 1220px) {
    .yoo-zoo .abstand {
    white-space: normal;
    max-width: 680px;
}
}

@media (max-width: 768px) {
    .yoo-zoo .abstand {
    white-space: normal;
    max-width: 380px;
    }
}

@media (max-width: 550px) {
    .yoo-zoo .pos-ikon {
    display:none;
    }
    .yoo-zoo .abstand {
    margin-left: 0px;
    }
}

.tm-bottom-a .uk-panel-box > .uk-nav-side {
    margin: 0px;
}

.tm-bottom-a .uk-panel-box {
    background: #ffd1a3;
}

.tm-bottom-a .uk-panel-box .uk-panel-title {
    color: #2c539e;
}

.aktuell .uk-list li:before {
    content: "\f0f6";
    font-family: "FontAwesome";
    font-size: 19px;
    position: absolute;
    line-height: 20px;
}

.aktuell .uk-list li a {
    padding-left: 25px;
    display: block;
}

.uk-list-line > li:nth-child(n+2) {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 0px solid #f09100;
}

.tm-bottom-b {
    margin-top: 30px;
}

.tm-bottom-b .uk-panel-box .uk-panel-title {
    color: #2c539e;
}

.tm-bottom-b .uk-panel {
    background: #ffd1a3;
}

.tm-bottom-b .uk-form-row {
    padding-right: 20px;
}

.login-left {
    width: 50%;
    float:left;
}

.login-middle {
    width: 25%;
    float: left
}

.login-right {
    width: 25%;
    float: left;
}


@media (min-width: 1220px){
.uk-grid + .uk-grid, .uk-grid-margin, .uk-grid > * > .uk-panel + .uk-panel {
    margin-top: 30px;
}
.tm-navbar {
    margin-bottom: 25px;
}
}


@media (max-width: 1220px) {
.filterbuttons {
    margin-top: 0px;
    display: inline-block;
    margin-bottom: 20px
}
}

@media (max-width: 863px) {
.filterbuttons {
    margin-top: 29px;
    display: inline-block;
    margin-bottom: 20px
}
}

@media (max-width: 768px) {
    .login-left, .login-middle, .login-right {
     width: 100%;
    }
    .login-middle, .login-right {
     margin-top: 20px;
    }
    .filterbuttons {
    margin-top: 0px;
    display: inline-block;
    margin-bottom: 20px
}
}

@media (max-width: 610px) {
.filterbuttons {
    margin-top: 29px;
    display: inline-block;
    margin-bottom: 20px
}
}

.uk-offcanvas-bar {
    background: #2c539e;
}

.uk-navbar-toggle {
    font-size: 20px;
    color: #f09100;
    text-decoration: none;
}

.uk-navbar-toggle:hover, .uk-navbar-toggle:focus {
    color: #f09100;
    text-decoration: none;
    outline: none;
}

 html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
    background: #f09100;
    color: #2c539e;
}

.uk-nav-offcanvas > li > a {
    color: #f09100;
    padding: 20px 15px;
}

.uk-navbar-content, .uk-navbar-brand, .uk-navbar-toggle {
    box-sizing: border-box;
    display: block;
    height: 60px;
    padding: 0 15px;
    float: left;
}

.uk-navbar-center {
    float: none;
    text-align: right;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}