/*
 Theme Name: Perfect Responsive Theme
 Theme URI: https://netperfection.de
 Description: Perfect Responsive Theme
 Version: 0.1
 Author: NetPerfection - Denis Metten
 Author URI: http://www.netperfection.de
 */

/*
 /* Color Theme Swatches in Hex
 .Kindergärtnerin-mit-ihren-Kindern-1-hex { color: #F22771; }
 .Kindergärtnerin-mit-ihren-Kindern-2-hex { color: #05AFF2; }
 .Kindergärtnerin-mit-ihren-Kindern-3-hex { color: #F2CB05; }
 .Kindergärtnerin-mit-ihren-Kindern-4-hex { color: #F28705; }
 .Kindergärtnerin-mit-ihren-Kindern-5-hex { color: #D96704; }

 /* Color Theme Swatches in RGBA
 .Kindergärtnerin-mit-ihren-Kindern-1-rgba { color: rgba(242, 38, 113, 1); }
 .Kindergärtnerin-mit-ihren-Kindern-2-rgba { color: rgba(4, 174, 242, 1); }
 .Kindergärtnerin-mit-ihren-Kindern-3-rgba { color: rgba(242, 202, 4, 1); }
 .Kindergärtnerin-mit-ihren-Kindern-4-rgba { color: rgba(242, 135, 4, 1); }
 .Kindergärtnerin-mit-ihren-Kindern-5-rgba { color: rgba(216, 103, 4, 1); }

 /* Color Theme Swatches in HSLA
 .Kindergärtnerin-mit-ihren-Kindern-1-hsla { color: hsla(337, 88, 55, 1); }
 .Kindergärtnerin-mit-ihren-Kindern-2-hsla { color: hsla(196, 96, 48, 1); }
 .Kindergärtnerin-mit-ihren-Kindern-3-hsla { color: hsla(50, 96, 48, 1); }
 .Kindergärtnerin-mit-ihren-Kindern-4-hsla { color: hsla(33, 96, 48, 1); }
 .Kindergärtnerin-mit-ihren-Kindern-5-hsla { color: hsla(28, 96, 43, 1); }

 * */

/* ubuntu-300 - latin */
@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/ubuntu-v14-latin-300.eot'); /* IE9 Compat Modes */
    src: local('Ubuntu Light'), local('Ubuntu-Light'), url('fonts/ubuntu-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/ubuntu-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/ubuntu-v14-latin-300.woff') format('woff'), /* Modern Browsers */
    url('fonts/ubuntu-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/ubuntu-v14-latin-300.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* ubuntu-regular - latin */
@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/ubuntu-v14-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url('fonts/ubuntu-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/ubuntu-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/ubuntu-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('fonts/ubuntu-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/ubuntu-v14-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* ubuntu-italic - latin */
@font-face {
    font-family: 'Ubuntu';
    font-style: italic;
    font-weight: 400;
    src: url('fonts/ubuntu-v14-latin-italic.eot'); /* IE9 Compat Modes */
    src: local('Ubuntu Italic'), local('Ubuntu-Italic'), url('fonts/ubuntu-v14-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/ubuntu-v14-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/ubuntu-v14-latin-italic.woff') format('woff'), /* Modern Browsers */
    url('fonts/ubuntu-v14-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/ubuntu-v14-latin-italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* ubuntu-500 - latin */
@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/ubuntu-v14-latin-500.eot'); /* IE9 Compat Modes */
    src: local('Ubuntu 500'), local('Ubuntu-500'), url('fonts/ubuntu-v14-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/ubuntu-v14-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/ubuntu-v14-latin-500.woff') format('woff'), /* Modern Browsers */
    url('fonts/ubuntu-v14-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/ubuntu-v14-latin-500.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

html, body {
    height: 100%;
}

html {
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

body {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #424242;
    padding: 0 !important;
    margin: 0 !important;
    background-color: #1c1c1c;
}
a, a:link, a:visited, a:active, a:hover {
    color: #CC3746;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}

h1, h2, h3, h4 {
    color: #fff;
    font-weight: 300;
    width: 100%;
    text-align: center;
    display: block;
    padding-left: 30px;
    padding-right: 30px;
}
h1 {
    font-size: 3em;
}
h2, h3 {
    font-size: 2.5em;
}
h4 {
    font-size: 1.5em;
    margin: 0 0 15px 0;
    padding: 0;
}
.heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: flex;
    align-items: center;
    width: 100%;
}
.heading:before, .heading:after {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    content: '';
    display: block;
    border-top: 1px solid #fff;
}
.heading h1, .heading h2, .heading h3 {
    display: block;
    width: auto;
    max-width: 80%;
    text-align: center;
}
a.btn-primary, .btn-primary, .btn-primary:disabled {
    padding:  .75rem 2.8 rem;
    text-transform: uppercase;
    background-color: transparent;
    color: #CC3746;
    border: 1px solid #D8D8D8;
    border-radius: 0px;
    min-width: 40%;
}
.btn-primary:disabled {
    background-color: rgba(12,71,101,0.6);
}
a.btn-primary:hover, a.btn-primary:active, a.btn-primary:focus, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color: rgba(204,55,70,1) !important;
    color: #fff;
    border: 1px solid #CC3746 !important;
    border-radius: 0px;
    box-shadow: none !important;
}
p {
    margin: 0;
    padding: 10px 0;
}
.padding-standard{
    padding-top:60px;
    padding-bottom:60px;
}
code {
    color: inherit;
}
.txt-blue{
    color:#05AFF2 !important;
}
.txt-orange{
    color:#F28705 !important;
}
.txt-pink{
    color:#F22771 !important;
}
iframe {
    width: 100%;
    height: 330px;
}
img {
    max-width: 100%;
    height: auto;
}
input, fieldset, textarea {
    width: 100%;
}
.math-captcha {
    width: auto;
}
.alignleft {
    float: left;
    padding-right: 30px;
    padding-bottom: 30px;
}
.alignright {
    float: right;
    padding-left: 30px;
    padding-bottom: 30px;
}

a, a:hover {
    -webkit-transition: all 0.5s ease; /* Firefox */
    -moz-transition: all 0.5s ease; /* WebKit */
    -o-transition: all 0.5s ease; /* Opera */
    transition: all 0.5s ease; /* Standard */
}
.full-width-line {
    margin-top: 15px;
    margin-bottom: 15px;
    border-top: 1px solid #ccc;
}
ul.nav-wizard li a, ul.nav-wizard li a:hover {
    -webkit-transition: all 0s ease; /* Firefox */
    -moz-transition: all 0s ease; /* WebKit */
    -o-transition: all 0s ease; /* Opera */
    transition: all 0s ease; /* Standard */
}
.border_radius, .kontaktformular input, .kontaktformular textarea, .form-control {
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.clear {
    width: 100%;
    clear: both;
}

.wp-block-cover-image.has-background-dim::before, .wp-block-cover.has-background-dim::before {
    display: none;
}
.wp-block-spacer {
    height: 30px !important;
}

/*+++ Theme Blog +++++++*/

.content {
    padding-top: 40px;
    padding-bottom: 40px;
}
.container-gallery {
    padding-top: 100px;
    padding-bottom: 60px;
}
.fg-default.fg-center {
    text-align: left !important;
}
.fg-default.fg-gutter-10 {
    padding-left: 0 !important;
}

.custom-header {
    margin-bottom: -110px;
    overflow: hidden;
    position: relative;
    text-align: center;
}

#wp-custom-header {
    height: 1200px;
    height: 100vh;
    max-height: 100%;
    overflow: hidden;
}

#wp-custom-header img {
    position: fixed;
    height: auto;
    left: 50%;
    max-width: 100%;
    min-height: 100%;
    width: auto;
    top: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.header-image-text h1, .header-image-text h2, .header-image-full-width-text h1 {
    font-size: 3.8 rem;
    line-height: 4.8 rem;
    color: #ffffff;
    font-weight: 300;
    border: none;
    padding-left: 100px;
    padding-right: 100px;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.8);
}
.header-image-text h2 {
    font-size: 3.1em;
    line-height: 52px;
    color: #ffffff;
    border: none;
    padding-left: 0px;
    padding-right: 0px;
}

.header-image-text, .header-image-full-width-text {
    width: 100%;
    text-align: center;
    padding: 15px;
    color: #fff;
    /*-webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);*/
}
.header-image-full-width-text {
    padding-top: 250px;
    padding-bottom: 250px;
}
.header-image-full-width-text-frame {
    background-color: rgba(0,0,0,0.4);
    clip-path: polygon(9.43% -0.8%, 99.36% 6.93%, 90.70% 97.07%, 0% 100%);
    padding: 50px;
    border-left: 50px solid #F28705;
    border-right: 50px solid #F28705;
}
.header-image-text {
    top: 50%;
}
.header-text-right {
    background-color: rgba(255,255,255,0.9);
    padding: 30px;
    text-align: left;
}
.header-text-right * {
    color: #000;
}
.header-text-right h2 {
    color: #0c4765;
    border-bottom: 1px solid #0c4765;
    padding-left: 0px;
    padding-right: 0px;
}

.site-description {
    font-size: 0.9em;
    letter-spacing: -1px;
}

.wp-block-cover {
    -webkit-box-shadow: 2px 2px 2px 0px rgba(212,208,212,1);
    -moz-box-shadow: 2px 2px 2px 0px rgba(212,208,212,1);
    box-shadow: 2px 2px 2px 0px rgba(212,208,212,1);
}

.theme-blog {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
}

.overlay-theme {
    width: 100%;
    background: rgba(230,230,230,0.8);
    color: #000;
    font-weight: 500;
    text-align: left;
    font-size: 0.8em;
    padding: 8px 10px 7px 10px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.overlay-theme strong {
    color: #0c4765;
}

.termine-wrapper {
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #ccc;
}

/*+++ Carousel +++*/

.carousel-inner a, .carousel-inner a:hover, .carousel-inner h1, .carousel-inner h2, .carousel-inner h3 {
    color: #fff;
    text-decoration: none;
    border-color: #fff;
    padding-left: 0px;
    padding-right: 0px;
}
.carousel-indicators {
    right: auto;
    bottom: 100px;
    left: 5%;
    margin-left: 0%;
    width: 90%;
    text-align: left;
    justify-content: left;
    box-sizing: border-box;
}
.carousel-indicators li {
    max-width: 20%;
    margin-left: 0px;
    margin-right: 5%;
    width: 16%;
    text-indent: 0px;
    color: #fff;
    opacity: 1;
    padding-right: 30px;
    min-width: 10px;
    background-color: transparent;
}
.carousel-indicators li:last-child {
    margin-right: 0px;
}
.carousel-indicators li:before {
    content: " ";
    width: 100%;
    background-color: #fff;
    height: 5px;
    display: block;
    margin-bottom: 10px;
}
.carousel-indicators li.active:before {
    background-color: #CC3746;
    transition: background ease 1s;
}
.carousel-caption {
    right: auto;
    bottom: 160px;
    left: 5%;
    text-align: left;
}
.carousel-caption h2 {
    /*text-shadow: 1px 1px 1px rgba(0,0,0,0.5);*/
    font-size: 3.75 rem;
    max-width: 50%;
    font-weight: 500;
    padding-left: 0px;
    padding-right: 0px;
}
.carousel-caption h3, .carousel-caption p a {
    /*text-shadow: 1px 1px 1px rgba(0,0,0,0.5);*/
    font-size: 1.3 rem;
    text-transform: uppercase;
    padding-bottom: 0;
    margin-bottom: 0;
}
.carousel-indicators .active {
    opacity: 1;
}

/*
 WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
 now override the 3.3 new styles for modern browsers & apply opacity*/

@media all and (transform-3d) , (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes zoom {
0%   {transform: scale(1, 1);}
50%  {transform: scale(1.2, 1.2);}
100%  {transform: scale(1, 1);}
}

@keyframes zoom {
0%   {transform: scale(1, 1);}
50%  {transform: scale(1.2, 1.2);}
100%  {transform: scale(1, 1);}
}

.carousel-inner .carousel-item > img {
    -webkit-animation: zoom 90s;
    animation: zoom 90s;
}
/*+++ Card +++++*/

.card {
    border: none;
    margin-top: 80px;
}
.card-body {
    padding: 30px 30px 0px 30px;
}
h3.card-title, h2.card-title, h1.card-title, h4.card-title {
    font-size: 1.3 rem;
    color: #424242;
    text-align: left;
    font-weight: 500;
    padding: 0;
}
.card-title a {
    color: #424242;
    font-weight: 500;
}
.card-title a:hover {
    color: #CC3746;
    text-decoration: none;
}
.card-text {
    color: #CC3746;
    font-size: 80%;
}
.card-footer, .card-footer:last-child {
    background-color: transparent;
    border-top: none;
}
.card-footer {
    padding: 15px 30px 15px 30px;
}
.card-footer a {
    color: #024369;
    font-size: 0.9 rem;
}

/*+++ Card 100 +++++*/

.card-100 img {
    /*width: 35%;*/
    /*clip-path: polygon(0% 5.21%, 84.34% 0%, 100% 100%, 8.11% 100%);
     /*clip-path: polygon(9.43% -0.8%, 99.36% 6.93%, 90.70% 97.07%, 0% 100%);
     clip-path: polygon(32.34% 3.76%, 100.77% 6.48%, 69.85% 97.98%, 0% 100%);
     position:absolute;
     top: auto;
     bottom:110px;
     left: 120px;*/
    border-radius: 0px;
    /*z-index:9;*/
}
.card-100-white {
    margin-top: 50px;
    margin-bottom: 0px;
    background-color: rgb(255, 255, 255);
    padding: 60px 100px 50px 100px;
    clip-path: polygon(10% 0%, 100% 7%, 90% 95%, 0% 100%);
    border-left: 50px solid #F28705;
    border-right: 50px solid #F28705;
}
.card-100-white:nth-child(2n) {
    border-left: 50px solid #F22771;
    border-right: 50px solid #F22771;
    clip-path: polygon(0% 5%, 90% 0%, 100% 100%, 10% 92%);
}
.card-100-white:nth-child(3n) {
    border-left: 50px solid #05AFF2;
    border-right: 50px solid #05AFF2;
}
.card-100-white .card-100-body {
    padding-left: 00px;
}

/*+++ Shape ++++++*/

.shape {
    padding-left: 10px;
    padding-right: 10px;
    clip-path: polygon(10% 0%, 100% 7%, 90% 95%, 0% 100%);
    border-left: 50px solid #F28705;
    border-right: 50px solid #F28705;
}

/*###################################*/
/*### BOOTSTRAP MENU ICON ANIMATION ####*/
/*###################################*/

/* Icon 1 */

.animated-icon3 {
    width: 30px;
    height: 20px;
    display: inline-block;
    position: relative;
    margin: 0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.animated-icon3 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.animated-icon3 span {
    background: #f28705;
}

.navbar-dark .navbar-toggler{
    color: #f28705;
    border:2px solid #fff;
    padding-top:15px;
    padding-bottom:25px;
    border-radius:0px;
}

.toggle-txt {
    position:absolute;
    bottom:5px;
    right:0;
    font-size:0.8rem;
    letter-spacing:1px;
    text-align:center;
    width:100%;
}

/* Icon 4 */

.animated-icon3 span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.animated-icon3 span:nth-child(2) {
    top: 10px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.animated-icon3 span:nth-child(3) {
    top: 20px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.animated-icon3.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0px;
    left: 4px;
}

.animated-icon3.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
}

.animated-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 21px;
    left: 4px;
}

/*+++ Formular++++*/

.contactform {
    margin-top: 30px;
}
.contactform p {
    margin: 0;
    padding: 0;
}
.contactInput {
    height: 64px;
    margin-bottom: 15px;
}
.contactTextarea {
    height: 143px !important;
}
.contactformnormal .senden, .contactform .senden {
    background-color: #0c4765;
    border-radius: 5px;
    padding: 10px;
    color: #fff;
    border: none;
}
.form-control:focus {
    border-color: #002B5C;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(12,71,104,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(12,71,104,.6);
}
.dsgvo-wrapper-form {
    font-size: 0.8em;
}
span.wpcf7-list-item {
    margin: 0 4px 0 0 !important;
    width: 20px;
}
div.wpcf7-response-output {
    margin: 0.5em 0.5em 1em !important;
}
#TextareaMessage {
    height: 100px;
}
.dsgvo-zustimmung {
    width: auto;
}

/*+++ Allgemein +++++++++++*/

.bg-navbar, .perfect-navbar {
    -webkit-transition: all 2s ease; /* Firefox */
    -moz-transition: all 2s ease; /* WebKit */
    -o-transition: all 2s ease; /* Opera */
    transition: all 2s ease; /* Standard */
}

.logo {
    float: left;
    display: inline;
    width: 350px;
    max-width: 100%;
    padding: 0px 10px 0px 0;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(0,0,0,0.9);
}
.navbar-nav > li {
    padding-right: 5px;
}
.navbar-nav > li:last-child {
    padding-right: 0px;
}
.perfect-navbar {
    border: none;
}
.perfect-navbar-footer {
    padding: 0;
}
.perfect-navbar-footer .nav-link {
    padding: 0;
}
.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(255,255,255,.9);
}
.navbar-light.bg-navbar .navbar-nav .nav-link {
    color: rgba(255,255,255,.9);
}
.perfect-navbar a {
    font-size: 1em;
}
#menu-header {
    margin-top: 0px;
}

.dropdown-menu {
    margin:  .54rem 0 0;
    border: none;
    border-radius: 0px;
    box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.3);
}

.dropdown-toggle::after {
    display: none;
}

/*+++ Navbar +++++++++++*/

#perfect-navbar-header{
    background-color: rgba(255,255,255,0.8);
    clip-path: polygon(5.83% 8.29%, 100.16% 0.11%, 98.30% 82.87%, 1.4% 95.45%);
    padding: 30px 20px 60px 50px;
    width: 500px;
    margin-right: 30px;
    top: 20px;
    z-index: 5;
}

.navbar-collapse {
        position: absolute;
        top: 54px;
        right: 100%;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        width: 100%;
        transition: all 0.3s ease;
        display: block;
    }
    .navbar-collapse.collapsing {
        height: auto !important;
        margin-right: 50%;
        transition: all 0.3s ease;
        display: block;
    }
    .navbar-collapse.show {
        right: 0;
    }
    
    .first-button{
        position:relative;
        z-index:9;
    }

/*+++ Footer ++++++++++++*/

.footer a, .copyright a, .footer a:hover, .copyright a:hover {
    color: #fff;
}
.copyright {
    color: #fff;
}

.footer {
    position: relative;
    padding: 20px 0 25px 0;
    font-size: 13px;
}
.footer p {
    color: #eee;
}
.footer address {
    line-height: 23px;
}
.footeraddress, .footer .link-list a, .footer .link-list i {
    color: #eee;
}
.link-list a {
    color: #eee;
    font-size: 11px;
    padding: 3px 0px;
    display: inline-block;
}
.headline {
    display: block;
    margin: 10px 0 25px 0;
    border-bottom: 1px dotted #e4e9f0;
}
.footer h2 {
    color: #eee;
    font-size: 18px;
    font-weight: 200;
    border: none;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px;
}
#menu-footer > li > a {
    padding-top: 0px;
    padding-bottom: 0px;
}
.footer-socials {
    margin-top: 12px;
    text-align: right;
}
.footertext {
    padding: 5px 0;
}

/*+++++++++++++++++++*/
/*++++ SLICK SLIDES & Blog Overview ++++*/
/*+++++++++++++++++++*/

.partner-slider {
    margin-bottom: 10px;
}
.partner-slider a, .partner-slider a:link, .partner-slider a:visited, .partner-slider a:active {
    color: #424242;
}
.slick-slide {
    margin-left: 30px;
    margin-right: 30px;
}
/*.slick-slide:hover {
 transform: scale(1.1);
 -webkit-box-shadow: 0px 0px 44px 0px rgba(161,158,161,0.79);
 -moz-box-shadow: 0px 0px 44px 0px rgba(161,158,161,0.79);
 box-shadow: 0px 0px 44px 0px rgba(161,158,161,0.79);
 }*/
.slick-slide > a, .single-blog-overview > a {
    position: relative;
    display: block;
}

.slick-slide:hover, .single-partner-img:hover, .shadow-zoom-hover:hover {
    -webkit-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.3);
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
    z-index: 9;
}
.shadow-zoom-hover:hover {
    -webkit-transform: scale(1.02, 1.02);
    transform: scale(1.02, 1.02);
}
.shadow-zoom-hover {
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
    z-index: 999;
}
.zoom-hover:hover {
    -webkit-transform: scale(1.02, 1.02);
    transform: scale(1.02, 1.02);
}
.zoom-hover {
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
    z-index: 999;
}
.slick-slide-hover, .single-blog-hover {
    opacity: 0;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    text-align: center;
}
.slick-slide:hover .slick-slide-hover, .single-blog-overview:hover .single-blog-hover {
    -webkit-transition: opacity 500ms ease-out;
    -moz-transition: opacity 500ms ease-out;
    -o-transition: opacity 500ms ease-out;
    transition: opacity 500ms ease-out;
    opacity: 0.9;
    background: rgba(12,71,101,0.7);
    color: #fff;
}
.slick-slide-hover .txt, .single-blog-hover .txt {
    position: absolute;
    top: 43%;
    left: 0;
    width: 100%;
    text-align: center;
}
.slick-slide-hover .fa, .single-blog-hover .fa {
    position: absolute;
    top: 37%;
    left: 0;
    font-size: 40px;
}
.slick-slide:hover .slick-slide-hover .fa, .single-blog-overview:hover .single-blog-hover .fa {
    display: block;
    left: 45%;
    -webkit-transition: left 500ms;
    -moz-transition: left 500ms;
    -o-transition: left 500ms;
    transition: left 500ms;
}
.slick-slide-txt, .blog-overview-txt, .kompetenz-partner {
    background-color: #fff;
    color: #0c4765;
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
}
.blog-overview-txt {
    text-align: left;
}
.kompetenz-partner {
    margin-bottom: 15px;
}

/*+++++++++++++++++++*/
/*++++ Blog Overview +++*/
/*+++++++++++++++++++*/

.single-blog-overview {
    position: relative;
    width: 100%;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.single-blog-overview a, .normal-color a {
    color: #424242;
    font-weight: 500;
    font-size: 1.7 rem;
}
.single-blog-overview.normal-txt a {
    font-weight: normal;
    font-size: 1.3 rem;
}
.single-blog-overview a:hover, .overview-main-category {
    color: #CC3746;
    text-decoration: none;
}

.blog-overview-txt, .kompetenz-partner {
    /*display: table;*/
    width: 100%;
}
.blog-8 .blog-overview-txt {
    margin-bottom: 15px;
}

.blog-overview-txt a, .kompetenz-partner a {
    display: table-cell;
    vertical-align: middle;
}

/*+++++++++++++++++++*/
/*++++ PARTNER ARCHIVE ++++*/
/*+++++++++++++++++++*/

.partner-archive {
    margin-top: 30px;
    margin-bottom: 30px;
}

.partner-archive .blog-overview-txt {
    margin-bottom: 30px;
}

/*+++++++++++++++++++*/
/*++++ PODCAST ++++*/
/*+++++++++++++++++++*/

.featured-episode {
    border-bottom: 1px solid #D8D8D8;
    border-top: 1px solid #D8D8D8;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.podcast-abonnieren {
    height: 80px !important;
}
.podcast-headline h2 {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.3em;
    font-weight: 500;
}
.podcast-headline h3 {
    font-size: 1em;
    color: #424242;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 10px;
}
.podcast-overview h3.card-title {
    font-size: 1.5em;
    padding-top: 10px;
    padding-bottom: 5px;
}
.podcast-overview .recent-episode-subtitle, .podcast-overview .recent-episode-contributors {
    font-size: 0.8em;
    color: #424242;
    padding-bottom: 10px;
}
h3.podcast-sidebar {
    font-size: 1.2em;
    padding-bottom: 0;
}
.episode_download_list, .episode_download_list li {
    margin-left: 0px;
    padding-left: 0px;
}
/*+++ Überschreiben +++++*/

.shariff {
    margin-left: -5px !important;
}

/*+++++++++++++++++++*/
/*++++ PARTNER SINGLE ++++*/
/*+++++++++++++++++++*/

.single-partner-img {
    -webkit-transition: box-shadow, transform .5s;
    -o-transition: box-shadow, transform .5s;
    transition: box-shadow, transform .5s;
}

.single-partner-img:hover {
    transform: scale(1.02);
}
/*+++++++++++++++++++*/
/*++++ LOGOS KUNDEN ++++*/
/*+++++++++++++++++++*/

.logos-wrapper div {
    padding-bottom: 60px;
}

/*+++++++++++++++++++*/
/*++++ SIDEBAR ++++*/
/*+++++++++++++++++++*/

.sidebar {
    padding-top: 0px;
}
.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4 {
    background-color: transparent;
    color: #000;
    text-align: left;
    font-size: 1.5em;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0;
}
.sidebar ul, .sidebar li {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}

/*+++++++++++++++++++++++++++*/
/*++++ IMAGE HEADER FULL WIDTH ++++*/
/*+++++++++++++++++++++++++++*/
.image-header-full-width {
    font-size: 1.5 rem;
    position: relative;
}
.image-header-full-width img {
    width: 100%;
}

/*+++++++++++++++++++*/
/*++++ MEDIA QUERIES ++++*/
/*+++++++++++++++++++*/

@media screen and (min-width: 992px) {
    .logo {
        padding: 0px 10px 0px 0px;
    }
}
@media screen and (max-width: 1200px) {
    .carousel-caption h2 {
        font-size: 2rem;
        max-width: 70%;
    }
    .carousel-caption h3, .carousel-caption p a {
        font-size: 1rem;
    }
}
@media screen and (max-width: 991px) {
    /*.home .perfect-navbar{background-color:rgba(7,48,68,0.9);border:none ;}*/
    h1 {
        font-size: 2.3em;
    }
    h2, h3 {
        font-size: 1.8em;
    }
    .card-deck .card {
        flex-basis: 40%;
    }
    #menu-main-menu {
        padding-top: 10px;
    }
    .blog-overview-txt, .kompetenz-partner {
        margin-bottom: 15px;
    }
    .slick-slide {
        margin-left: 5px;
        margin-right: 5px;
    }
    .carousel-caption {
        bottom: 110px;
    }
    .carousel-indicators {
        bottom: 50px;
    }
    .carousel-indicators li {
        margin-right: 1.5%;
        width: 19%;
        font-size: 0.9 rem;
    }
    .overview .card {
        flex-basis: 45%;
    }
    .podcast-overview .card {
        max-width: 45%;
    }
}

@media screen and (max-width: 767px) {
    h1 {
        font-size: 2em;
    }
    h2, h3 {
        font-size: 1.3em;
    }
    a.btn-primary, .btn-primary, .btn-primary:disabled {
        display: block;
        width: 100%;
    }
    .carousel-caption {
        bottom: 20px;
        padding-right: 5%;
    }
    .carousel-indicators {
        bottom: 0px;
    }
    .header-image-text h1, .header-image-text h2 {
        font-size: 2.4em;
    }
    .header-image-text h2 {
        font-size: 2em;
    }
    .navbar-brand {
        padding: 5px 15px 0 0
    }
    .navbar-default .navbar-nav > li > a {
        padding: 15px 15px;
    }
    .logo {
        width: 200px;
        max-width: 100%;
    }
    .startseite {
        margin-top: 0px;
    }
    .image-header-full-width {
        margin-top: 67px;
    }
    .foogallery-album-gallery-list .foogallery-pile {
        max-width: 200px;
    }
    #wp-custom-header img {
        position: static;
        left: 0;
        min-height: auto;
        width: auto;
        top: 60px;
        -ms-transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        transform: none;
    }
    .site-branding-text-header {
        position: static;
        width: 100%;
    }
    .header-image-text {
        -ms-transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        transform: none;
    }
    .header-image-text h1, .header-image-text h2 {
        font-size: 2.4em;
        line-height: 70px;
        color: #0c4765;
        padding-left: 0px;
        padding-right: 0px;
    }
    #wp-custom-header {
        height: auto;
    }
    .custom-header {
        margin-bottom: 10px;
    }
    .header-text-right {
        padding: 10px 0;
    }
    .overview .card {
        max-width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .header-image-text h1, .header-image-text h2, .header-image-full-width-text h1 {
        font-size: 2.3em;
    }
}

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

@media screen and (max-width: 550px) {
    h1 {
        font-size: 2em;
    }
    h2, h3 {
        font-size: 1.5em;
        margin-bottom: 10px;
    }
    h4 {
        font-weight: 500;
        font-size: 1.2em;
    }
    .navbar-brand {
        padding: 5px 0px 0 0;
        margin-right: 0;
    }
    .navbar-collapse {
        padding-top: 20px;
    }

}

@media screen and (max-width: 362px) {
    .startseite {
        margin-top: 10px;
    }
    .navbar-brand {
        padding: 5px 0px 0 0;
        margin-right: 0;
        text-align: center;
    }
    .logo {
        float: none;
        width: 100%;
        margin: 0 auto;
    }
    .navbar-collapse {
        padding-top: 20px;
    }
    .image-header-full-width {
        margin-top: 114px;
    }
    .partner-archive .blog-overview-txt {
        padding-right: 15px;
        padding-left: 15px;
    }

}

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

@media screen and (max-width: 420px) {
    .overlay-theme {
        font-size: 0.7em;
    }
}

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

@media screen and (min-width: 991px) {
    .container-small {
        width: 850px;
    }
}