/*
Theme Name: Patientenvertretung
Author: Thomas Koritz
Description: Privat
Version: 1.0
Theme URI: https://www.http://patientenbeteiligung-sh.de
Text Domain: basic
*/

/* ##### von Wordpress erwartet Klassen ####*/

.wp-caption {}
.wp-caption-text {}
.sticky {}
.gallery-caption {}
.bypostauthor {}
.alignright {}
.alignleft {}
.aligncenter {}

/* ##### 404  ####*/
.full-screen-size-fixed-container {
                height: 100vh;
                width: 100%;
                position: fixed;
                padding-bottom: 80px;
            }

/* ##### TO TOP  ####*/
#smoothup {
height: 40px;
width: 40px;
position:fixed;
bottom:100px;
right:100px;
text-indent:-9999px;
display:none;
background: url("img/gototop.png");
-webkit-transition-duration: 0.4s; 
-moz-transition-duration: 0.4s; 
transition-duration: 0.4s; 
}
/* #### Header ####*/

.header-logo {
 padding-bottom:10px;
}

.bg-org {background-color:#F3931B;}

.navbar {
padding-top:0px;
padding-bottom:0px;


}

/* ##### Main  ####*/
.main-content {
    padding-top: 40px;

}



.current-page-ancestor a {
    color: #ffffff !important;
background-color:#3A676A;
}

.center-header{
    width:100%;
    padding:9px;
    margin-bottom:2px; 
    color:#fff;
    background-color:#F3931B;
}

.center-menu {
    margin:0px auto; 
    float:none;
}
.center-menu ul{
    width:100%; 
    padding-left:0;
}

.center-menu ul li{
    width:100%; 
    min-height:30px; 
    margin-bottom:2px; 
    background: rgba(72,102,102,0.7); 
    list-style:none; 
    padding:10px; 
    font-size:16px;
}

.center-menu ul li a{
    color:#4f4f4f; 
    display:block; 
    text-decoration:none; 
    width:100%;
}

.center-menu ul li:hover a{
    color:#fff; 
    text-decoration:none;
}
 

.current-menu-item a {
    color: #ffffff !important;
background-color:#3A676A;
}




.uhb {
    color: #ffffff !important;
background-color:#3A676A;
	padding: 5px;
margin-bottom:20px;
}


.uhb  a {
font-size:2rem;
	text-decoration: none;
    color: #ffffff !important;
background-color:#3A676A;
}


/* ##### Slider ####*/

/* ##### Größe XS  ####*/
#carousel-backgroundimage-1-1 {
 background-image : url("img/back-xs.png");
 background-repeat: no-repeat;
 height : 170px;
}
body { 
 padding-top:10px; 
}

.carousel .carousel-backgroundimage-container, .carousel .carousel-backgroundimage {
    margin-bottom:10px;
    margin-top:0px;
    background-position: right top;
    background-size: cover; 
}
.cover {
  padding: 15px 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 5px;
  left: 0;
  align-items: center;
}
.cover .header-content {
  position: relative;
  padding: 16px;
  overflow: hidden;
}
.cover .header-content .line {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  border: 3px solid #F3931B;
  -webkit-clip-path: polygon(0 0, 35% 0, 20% 100%, 0 100%);
  clip-path: polygon(0 0, 35% 0, 20% 100%, 0 100%);
}
.cover .header-content h2 {
  font-weight: 300;
  font-size: 14px;
  color: #000;
}
.cover .header-content h1 {
  font-size: 16px;
  font-weight: 600;
  margin: 5px 0 20px;
  word-spacing: 3px;
  color: #3A676A;
}
.cover .header-content h4 {
  font-size: 10px;
  font-weight: 300;
  line-height: 10px;
  color: #3A676A;
}
.line {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInLeft;
  animation-delay: 0.3s;
}


/* ##### Größe S  ####*/
@media (min-width: 576px) {
#carousel-backgroundimage-1-1 {
 background-image : url("img/back-s.png");
 background-repeat: no-repeat;
 height : 350px;
}
.cover {
  padding: 15px 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 150px;
  left: 0;
  align-items: center;
}
}

/* ##### Größe M back ####*/
@media (min-width: 768px) {
#carousel-backgroundimage-1-1 {
 background-image : url("img/back-m.png");
 background-repeat: no-repeat;
 height : 400px;
/*margin-top:30px;*/
}
/* body {
 padding-top: 50px; 
}*/
.cover .header-content h2 {
  font-weight: 300;
  font-size: 18px;
  color: #000;
}
.cover .header-content h1 {
  font-size: 32px;
  font-weight: 600;
  margin: 5px 0 20px;
  word-spacing: 3px;
  color: #3A676A;
}
.cover .header-content h4 {
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
  color: #3A676A;
}

.cover {
  top: 190px;
}
.cover .header-content .line {
  border: 6px solid #F3931B;
}
}

/* ##### Größe L  ####*/
@media (min-width: 992px) {
#carousel-backgroundimage-1-1 {
 background-image : url("img/back-l.png");
 background-repeat: no-repeat;
 height : 450px;
/*margin-top:30px;*/
}
}

/* ##### Größe XL  ####*/
@media (min-width: 1200px) {
#carousel-backgroundimage-1-1 {
 background-image : url("img/back-xl.png");
 background-repeat: no-repeat;
 height : 550px;
/* margin-top:30px; */
}
/*body {
 padding-top:0px; 
}*/
.cover .header-content h2 {
  font-weight: 300;
  font-size: 35px;
  color: #000;
}
.cover .header-content h1 {
  font-size: 48px;
  font-weight: 600;
  margin: 5px 0 20px;
  word-spacing: 3px;
  color: #3A676A;
}
.cover .header-content h4 {
  font-size: 24px;
  font-weight: 300;
  line-height: 36px;
  color: #3A676A;
}
.cover {
  padding: 75px 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 10px;
  left: 0;
  display: flex;
  align-items: center;
}
.cover .header-content {
  position: relative;
  padding: 56px;
  overflow: hidden;
}
.cover .header-content .line {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  border: 9px solid #F3931B;
  -webkit-clip-path: polygon(0 0, 35% 0, 20% 100%, 0 100%);
  clip-path: polygon(0 0, 35% 0, 20% 100%, 0 100%);
}
}

/* ##### Section 1  ####*/

@media (min-width: 992px) {

.about-page {
        background-image: linear-gradient(90deg,#273f8a,#273f8a 50%,#CC5C5C 0,#CC5C5C);
    }
}
.bg--darkblue {
    position: relative;
    background-color: #273f8a;
    /*height:400px;*/
    padding:20px;
}

.bg--purple {
    position: relative;
    background-color: #CC5C5C;
/*    height:400px;*/
    padding:20px;
}

/* ##### Section 2  ####*/
.box-part{
    border-radius:0;
    padding:60px 10px;
    margin:30px 0px;
}
/* ##### Section 2  ####*/
/* ##### Section 3  ####*/
/* ##### Page 75  ####*/
.card {
margin:20px;
}


/* ##### Footer  ####*/
.address-member {
color:#ffffff;
}
.ft-copyright {
	background-color: #3A676A;
	border-top: 1px solid #121d6d;
	display: flex;
    }

    .pb-2,
    .py-2 {
	padding-bottom: .5rem !important;
	padding-top: .5rem !important;
    }

    .footer-top {
	background-color: #F3931B;
	border-bottom: 1px solid rgba(25, 52, 132, .64);
    }

    .text-center {
	text-align: center !important;
    }

    h4.ft-text-title {
	color: #fff;
	margin: 20px 0 10px;
	font-weight: 700;
	text-align: center;
    }

    h4 {
	display: block;
	-webkit-margin-before: 1.33em;
	-webkit-margin-after: 1.33em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight: bold;
	font-size: 1.3em;
    }

    h6.ft-desp {
	color: #FFF;
	padding: 2px;
    }

    h6 {
	font-size: 15px;
    }
.box    h1 {
	display: flex;
	align-items: center;
	justify-content: center;
    }
    h1.heading-title a{
	color: #012061 !important;
	text-decoration: none;
    }
.box    h1 {
	font-size: 22px;
	font-weight: 800;
	line-height: 1.4;
	color: #000;
	letter-spacing: -0.04em;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 10px;
    }
    a.contact,
    a.mail {
	border: 1px solid yellow;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	color: #fff;
	padding: 5px;
	font-size: 15px;
	text-decoration: none;
    }

    a.contact:hover,
    a.mail:hover {
	background: #900;
    }

    i.fa-phone,
    i.fa-envelope-o {
	padding: 3px;
    }

    i.fa-envelope-o {
	padding: 4px;
    }

    .border-left {
	border: dotted #3A676A 1px;
    }


    .pspt-dtls {
	margin-top: 20px !important;
    }

    .pspt-dtls a {
	margin: 8px !important;
    }

    a.about,
    a.team,
    a.advertise {
	padding: 8px;
	border: 1px yellow solid;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 5px;
	color: #FFF;
	text-decoration: none;
	font-size: 15px;
    }

    a.about:hover,
    a.team:hover,
    a.advertise:hover {
	background: #900;
    }

    footer p {
	color: #fff;
	margin-bottom: 10px;
    }

    .text-pp-crt {
	color: #FFFFFF;
	font-size: 15px;
    }

    .text-pp-crt-rg a {
	color: #FFFFFF;
	font-size: 12px;
    }

    .developer {
	text-align: center;
    }
    p.member{
        color:#FFF;
    }
    i.develop {
	border: 1px red dotted;
    }

    .developer b {
	color: red;
    }

/*### Footer Cars ###*/
box{
    padding:30px 0px;

}

.box-part{
    background:#FFF;
    border-radius:10px;
    padding:30px 0px;
margin:20px;
}

.box-part img{
    width:100px;
    height:80px;
    border-radius:50%;
}

.text{
    margin:20px 0px;
}

.fa.fa-facebook,
.fa.fa-github, 
.fa.fa-tumblr, 
.fa.fa-linkedin{
    padding:0px 15px;
    font-size:22px;
    margin-top:10px;
}


/* ##### Sidebar ####*/
/*.blog-sidebar { background: linear-gradient(45deg, #2f89fc 0%, #ff5db1 100%);} */

.nav-side {
list-style-type: none;
 /* box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
  transition: all 0.4s;*/
}

.nav-side a {
/*color:#666;*/
text-decoration: underline;
padding:2px 5px;
}

.menu-patientenvertreterin-container ul {
list-style-position:outside;
padding-left:0px; 

}
.menu-link-liste-container ul {
list-style-position:outside;
padding-left:0px; 

}

/* ##### cookie  ####*/

.cc-window {
    opacity: 1;
    transition:opacity 1s ease;
}

.cc-window.cc-invisible {
    opacity:0;
}

.cc-animate.cc-revoke {
    transition:transform 1s ease;
}

.cc-animate.cc-revoke.cc-top {
    transform:translateY(-2em);
}

.cc-animate.cc-revoke.cc-bottom {
    transform:translateY(2em);
}

.cc-animate.cc-revoke.cc-active.cc-bottom, .cc-animate.cc-revoke.cc-active.cc-top, .cc-revoke:hover {
    transform:translateY(0);
}

.cc-grower {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s;
}

.cc-link, .cc-revoke:hover {
    text-decoration:underline;
}

.cc-revoke, .cc-window {
    position: fixed;
    overflow: hidden;
    box-sizing: border-box;
    font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    z-index:9999;
}

.cc-window.cc-static {
    position:static;
}

.cc-window.cc-floating {
    padding: 2em;
    max-width: 24em;
    -ms-flex-direction: column;
    flex-direction:column;
}

.cc-window.cc-banner {
    padding: 1em 1.8em;
    width: 100%;
    -ms-flex-direction: row;
    flex-direction:row;
}

.cc-revoke {
    padding:.5em;
}

.cc-header {
    font-size: 18px;
    font-weight:700;
}

.cc-btn, .cc-close, .cc-link, .cc-revoke {
    cursor:pointer;
}

.cc-link {
    opacity: .8;
    display: inline-block;
    padding:.2em
}

.cc-link:hover {
    opacity:1;
}

.cc-link:active, .cc-link:visited {
    color:initial;
}

.cc-btn {
    display: block;
    padding: .4em .8em;
    font-size: .9em;
    font-weight: 700;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    white-space:nowrap;
}

.cc-highlight .cc-btn:first-child {
    background-color: transparent;
    border-color:transparent;
}

.cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover {
    background-color: transparent;
    text-decoration:underline;
}

.cc-close {
    display: block;
    position: absolute;
    top: .5em;
    right: .5em;
    font-size: 1.6em;
    opacity: .9;
    line-height:.75:;
}

.cc-close:focus, .cc-close:hover {
    opacity: 1;
}

.cc-revoke.cc-top {
    top: 0;
    left: 3em;
    border-bottom-left-radius: .5em,;
    border-bottom-right-radius:.5em;
}

.cc-revoke.cc-bottom {
    bottom: 0;
    left: 3em;
    border-top-left-radius: .5em;
    border-top-right-radius:.5em;
}

.cc-revoke.cc-left {
    left: 3em;
    right:unset;
}

.cc-revoke.cc-right {
    right: 3em;
    left:unset;
}

.cc-top {
    top:1em;
}

.cc-left {
    left:1em;
}

.cc-right {
    right:1em;
}

.cc-bottom {
    bottom:1em;
}

.cc-floating > .cc-link {
    margin-bottom:1em;
}

.cc-floating .cc-message {
    display: block;
    margin-bottom:1em;
}

.cc-window.cc-floating .cc-compliance {
    -ms-flex: 1 0 auto;
    flex:1 0 auto;
}

.cc-window.cc-banner {
    -ms-flex-align: center;
    align-items:center;
}

.cc-banner.cc-top {
    left: 0;
    right: 0;
    top:0;
}

.cc-banner.cc-bottom {
    left: 0;
    right: 0;
    bottom:0;
}

.cc-banner .cc-message {
    display: block;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 100%;
    margin-right:1em;
}

.cc-compliance {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: justify;
    align-content:space-between;
}

.cc-floating .cc-compliance > .cc-btn {
    -ms-flex: 1;
    flex:1;
}

.cc-btn + .cc-btn {
    margin-left: .5em;
}

@media print {
    .cc-revoke, .cc-window {
        display:none;
    }
}

@media screen and (max-width: 900px) {
    .cc-btn {
        white-space:normal;
    }
}

@media screen and (max-width: 414px) and(orientation: portrait), screen and(max-width: 736px) and(orientation: landscape) {
    .cc-window.cc-top {
        top:0;
    }

    .cc-window.cc-bottom {
        bottom:0;
    }

    .cc-window.cc-banner, .cc-window.cc-floating, .cc-window.cc-left, .cc-window.cc-right {
        left: 0;
        right:0;
    }

    .cc-window.cc-banner {
        -ms-flex-direction: column;
        flex-direction:column;
    }

    .cc-window.cc-banner .cc-compliance {
        -ms-flex: 1 1 auto;
        flex:1 1 auto;
    }

    .cc-window.cc-floating {
        max-width:none;
    }

    .cc-window .cc-message {
        margin-bottom:1em;
    }

    .cc-window.cc-banner {
        -ms-flex-align: unset;
        align-items:unset;
    }

    .cc-window.cc-banner .cc-message {
        margin-right: 0;
    }
}

.cc-floating.cc-theme-classic {
    padding: 1.2em;
    border-radius:5px;
}

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
    text-align: center;
    display: inline;
    -ms-flex: none;
    flex:none;
}

.cc-theme-classic .cc-btn {
    border-radius:5px;
}

.cc-theme-classic .cc-btn:last-child {
    min-width:140px;
}

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
    display: inline-block;
}

.cc-theme-edgeless.cc-window {
    padding:0;
}

.cc-floating.cc-theme-edgeless .cc-message {
    margin:2em 2em 1.5em;
}

.cc-banner.cc-theme-edgeless .cc-btn {
    margin: 0;
    padding: .8em 1.8em;
    height:100%;
}

.cc-banner.cc-theme-edgeless .cc-message {
    margin-left:1em;
}

.cc-floating.cc-theme-edgeless .cc-btn + .cc-btn {
    margin-left: 0;
}