/* cmsms stylesheet: APS-Custom modified: Dienstag, 3. Oktober 2023 21:47:14 */
/*
Bootstrap 3 CMSms Template
Ambulanter Pflegeservice Uetze
*/
/* Layout
----------------------------- */

body {
    background-color: #c3d8b7;
    color           : #264f0e;
}

@media screen and (min-width: 1340px) {
    .container {
        width: 1320px;
    }
}

.absolute {
    position: absolute;
    z-index : 9;
    top     : 0;
    left    : auto;
    right   : auto;
    bottom  : 0;
    width   : 100%;
}

.header-top {
    position: relative;
}

.header-top .row {
    position: relative;
}

.header-top-logo {
    display: none;
}
.logo-container {position:absolute;border-radius: 0 0 10px 10px;overflow:auto;}

@media only screen and (max-width:767px) {
    .logo {display:none;}
}
/* Fonts
----------------------------- */
/* arima-madurai-regular - latin */

@font-face {
    font-family: 'Arima Madurai';
    font-style : normal;
    font-weight: 400;
    src        : url('/assets/themes/has/fonts/arima-madurai-v7-latin/arima-madurai-v7-latin-regular.eot');
    /* IE9 Compat Modes */
    src        : local(''), url('/assets/themes/has/fonts/arima-madurai-v7-latin/arima-madurai-v7-latin-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('/assets/themes/has/fonts/arima-madurai-v7-latin/arima-madurai-v7-latin-regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('/assets/themes/has/fonts/arima-madurai-v7-latin/arima-madurai-v7-latin-regular.woff') format('woff'),
        /* Modern Browsers */
        url('/assets/themes/has/fonts/arima-madurai-v7-latin/arima-madurai-v7-latin-regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('/assets/themes/has/fonts/arima-madurai-v7-latin/arima-madurai-v7-latin-regular.svg#ArimaMadurai') format('svg');
    /* Legacy iOS */
}

h1,
h1 a,
h1 a:hover {
    display: none;
}

h2 {
    font-size: 2.4em;
}

h1,
h2,
h3,
.navbar-brand {
    font-family: 'Arima Madurai', cursive;
}

h2,
h3 {
    color: #50a61d;
}

p {
    line-height: 1.85;
}

hr {
    border-color: #50a61d;
}

.header_headline {
    font-weight    : 400;
    width:100%;
    display        : none;
}

.headerbox {
    padding: 0;
}

audio,
canvas,
progress,
video {
    width : 100%;
    height: auto;
}

/* Navigation
----------------------------- */

nav.navbar.navbar-default {
    background-color: rgba(38, 79, 14, 0.5);
    background-image: none;
    border          : none;
    margin-bottom   : 0;
    z-index         : 10;
}

.navbar-default .navbar-nav>li>a {
    color     : #fff;
    transition: 0.3s;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.active>a {
    background-image: none;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color           : #fff;
    background-color: #264f0e;
}

.navbar-brand,
.navbar-nav>li>a {
    text-shadow: none
}

.navbar-brand {
    color    : #fff !important;
    font-size: .85em;
}

.navbar-brand * {
    display: inline !important
}

.navbar-brand img {
    margin-right: 0.5em
}

/* Hamburger */

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: transparent;
}

/* Dropdown Menu */

.navbar-right .dropdown-menu {
    right: auto;
    left : 0
}

.dropdown-menu {
    background-color: rgba(0, 0, 0, 0.5);
    padding-top     : 0;
    padding-bottom  : 0;
    border          : none;
}

.dropdown-menu>li>a {
    color  : #fff;
    padding: 13px 15px;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    background-image: none;
    background-color: #264f0e;
    color           : #fff
}

/* Slider - Header
----------------------------- */

.header-top>.absolute {
    top   : 50px;
    border: 1px solid red
}

.headerbox {
    padding            : 0;
    /*background-image   : url("https://aps-uetze.de/uploads/images/aps/headerbilder/overlay/stellenausschreibung-aps-bg.jpg");
    background-position: center;
    background-size    : contain;
    background-repeat  : no-repeat;*/
}

.headerbox img {
    margin-top: 0;
    opacity   : 0;
}

.bannertext {
    position : absolute;
    top      : 0;
    right    : auto;
    z-index  : 9;
    max-width: 88%;
    padding  : 2.5em
}

.bannertext p {
    color      : #f60;
    font-style : italic;
    font-size  : 1em;
    line-height: 1.4;
    margin-top : 1em;
}

.bannertext a:hover {
    text-decoration: none;
}

.bannertext p {
    transition: color 0.5s ease;
}

.bannertext a:hover p {
    color: #264f0e;
}
/* Headerbox nur auf APS Startseite */
.headerbox + .headerbox {opacity: 0}
.home-aps .headerbox + .headerbox  {opacity: 1}

@media only screen and (min-width:320px) {
    .bannertext {
        padding: 1.5em;
    }
}

@media only screen and (min-width:480px) {
    .bannertext {
        padding: 1.5em 2.5em;
    }

    .headerbox {
        padding: 0
    }
}

@media only screen and (min-width:600px) {
    .bannertext {
        padding  : 1.5em 2.5em;
        font-size: 1.3em
    }
}

@media only screen and (min-width:768px) {
    .bannertext {
        padding  : 1.5em 2.5em;
        font-size: 1.1em
    }
}

/* Hauptinhalt
----------------------------- */

.main-content {
    background-color  : #fff;
    position          : relative;
    padding           : 20px;
    background-color  : #fdfdfd;
    border-radius     : 2px;
    -webkit-box-shadow: 0 8px 60px 0 rgba(0, 0, 0, 0.05), 0 8px 80px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow   : 0 8px 60px 0 rgba(0, 0, 0, 0.05), 0 8px 80px 0 rgba(0, 0, 0, 0.2);
    box-shadow        : 0 8px 60px 0 rgba(0, 0, 0, 0.05), 0 8px 80px 0 rgba(0, 0, 0, 0.2);
    line-height       : 1.5;
    font-size         : 1em;
}

/* Seiteninhalt
----------------------------- */

.aside {
    padding: 40px
}

.aside h2 {
    font-size: 2em;
}

.footer {
    background-color: #0e4f3d;
    padding         : 1.5em 0;
}

/* Footer
----------------------------- */

.footer .navbar-nav a {
    padding-top   : 0;
    padding-bottom: 0;
    color         : #fff !important;
}

.footer .nav>li>a:hover,
.footer .nav>li>a:focus {
    text-decoration : underline;
    background-color: inherit
}

.footer li {
    border-bottom: 1px solid #fff;
    padding      : 1em 1.875em;
}

.footer li:last-child {
    border-bottom : none;
    padding-bottom: 0;
}

.footer .navbar-nav {
    float: none
}

/* Ansprechpartner
----------------------------- */

figure {
    border: 1px solid #ccc;
}

figure+figure {
    margin-left: 1em
}

figcaption {
    background: #d6dbd4;
    display   : block;
    max-width : 100%;
    padding   : 1.5em 2em;
    font-size : 85%;
}

.flex-container {
    display       : flex;
    flex-direction: row;
}

@media screen and (min-width: 768px) {
    figcaption {
        font-size: 100%;
    }
}

@media screen and (max-width: 479px) {
    .flex-container {
        flex-wrap: wrap;
    }
}

/* Klassen
----------------------------- */

.mt0 {
    margin-top: 0;
}

.trans {
    opacity: 0;
}

/* Elemente
----------------------------- */

img {
    max-width: 100%;
    height   : auto;
}

a[href$=".pdf"] {
    padding-left: 55px;
    background  : url("/assets/themes/has/images/icon-pdf.png") no-repeat left top;
    min-height  : 60px;
    display     : inline-block;
    line-height : 55px;
}

/* Formulare */
@media only screen and (min-width:768px) {
    #bewerbungsformular textarea {
        min-height: 190px;
    }
}

form {
    border       : none;
    margin-bottom: 2em;
}

label,
.cms_submit {
    margin-top: 1.125em;
}

label.form-check-label {
    margin-top: 0;

}

.checkbox input[type="checkbox"] {
    margin-left: 0;

}

.input-file {
    margin-top: 10px;
}

.form-check {
    margin-top: 1em;
}

textarea {
    max-width: 100%;
    padding  : 1em
}

textarea,
select,
.form-control {
    background-color: #c3d8b7 !important;
    border          : none;
}

.btn-primary {
    background-color: #024a3c;
}

.alert-danger {
    background-color: brown;
    background-image: none;
    border-color    : #ccc;
    color           : #fff;
    padding         : 1em 0.2em 0.5em
}

.form-horizontal .control-label {
    text-align: left;
}

.form-check {
    font-size: 85%
}

.form-control:focus {
    border            : 1px solid #024a3c;
    outline           : 1px;
    -webkit-box-shadow: none;
    box-shadow        : none;
}

.form-check,
.captcha-container {
    padding   : 1em;
    background: #bfd4b4;
}

.captcha-container {
    margin-top: 1em;
    overflow  : hidden;
}

.captcha-container img {
    float: right;
}

.btn {
    margin-top: 1em;
}

.btn-default {
    background-image: none;
    background-color: #024a3c;
    border-color    : #dbdbdb;
    text-shadow     : none;
    border-color    : #ccc;
    color           : #f2f2f2;
}


/* Media Query
----------------------------- */

@media screen and (min-width:480px) {

    h1,
    h1 a,
    h1 a:hover {
        font-size      : 1.1em;
        text-align     : center;
        color          : #fff;
        display        : block;
        text-decoration: none
    }

    /*     .headerbox img {
    margin-top: 1vh
} */
    .headerbox {
        padding: 3% 0;
    }

    .navbar-brand {
        font-size: 1.25em;
    }

    .absolute {
        top: 10%
    }

    .main-content {
        padding: 1em 2em 2.5em 2em;
    }

    .bannertext p {
        font-size: 1.4em
    }
}

@media screen and (min-width:640px) {

    /*     .headerbox img {
    margin-top: 4vh
} */
    .headerbox {
        padding: 1% 0;
    }

    .bannertext {
        padding-top: 80px
    }
}

@media screen and (min-width:768px) {

    h1,
    h1 a,
    h1 a:hover {
        font-size: 1.5em;
    }

    .navbar-brand {
        display: none;
    }

    .header_headline {
        display    : inline-block;
        text-shadow: 1px 1px 0 #74846f;
        margin-left:30px;
    }

    h1.header_headline a {
        text-align: right
    }

    .header-top {
        margin-top: -50px
    }

    .headerbox {
        padding: 80px 0 0;
    }

    .header-banner-inner {
        padding: 80px 0 40px 0
    }

    .bannertext p {
        font-size: 1em
    }

    .main-content {
        min-height   : 400px;
        margin-bottom: 40px;
        margin-top   : -20px;
    }

    /*     .headerbox img {
    margin-top: 3vh
} */
    .footer li {
        border-bottom: none;
        padding      : inherit;
    }

    .footer .navbar-nav {
        float: right
    }
}

@media screen and (min-width:991px) {

    h1,
    h1 a,
    h1 a:hover {
        font-size: 46px;
    }

    .bannertext p {
        font-size: 1.4em;
    }
}

@media screen and (min-width:1200px) {
    h2 {
        font-size: 2.8em
    }

    .bannertext {
        padding-top: 6em;
    }

    .bannertext p {
        font-size: 1.875em;

    }

}


@media screen and (max-width:1339px) {
h1.header_headline {font-size:2.5em;}
}
@media screen and (max-width:1199px) {
h1.header_headline {font-size:2em;}
}
@media screen and (max-width:991px) {
h1.header_headline {font-size:1.5em;}
}

/* Bootstrap Accordion
----------------------------- */

.g-mr-10 {
    margin-right: 0.71429rem !important;
}

.panel-default {
    border    : none;
    background: #c3d8b7;
    color     : #264f0e
}

.panel-default>.panel-heading {
    background-image: none;
    background-color: #a6b99c
}

.panel-heading h1 a,
.panel-heading h2 a,
.panel-heading h3 a,
.panel-heading h4 a,
.panel-heading h5 a,
.panel-heading h6 a {
    text-transform: uppercase;
    font-family   : Arial, sans-serif, Verdana;
    color         : #403f3f;
}

.panel-heading>h3 {
    font-size: 1.375em;
}

.fa-minus::before,
.fa-plus::before {
    color: #403f3f
}

.panel-heading h1 a:hover,
.panel-heading h2 a:hover,
.panel-heading h3 a:hover,
.panel-heading h4 a:hover,
.panel-heading h5 a:hover,
.panel-heading h6 a:hover {
    text-decoration: none;
}

.panel-body h1,
.panel-body h2,
.panel-body h3,
.panel-body h4,
.panel-body h5,
.panel-body h6 {
    color: #387403;
}

.panel-body {
    max-width     : 80ch;
    padding-bottom: 20px
}


@media screen and (min-width: 768px) {
  .header-banner-inner {
    padding-top: 0;
  }
}

 .header-top {
      background-size: contain!important;
    }
@media screen and (min-width: 1920px) {
    .header-top {
      background-size: cover!important;
    }
}

@media screen and (min-width:767px) and (max-width:1919px) {
    .headerplaceholderimage {
        margin-top:-122px;
    }
}