/*
Theme Name: Flavien Allenspach
Theme URI: http://sazin.me/
Description: A full featured customized theme by <a target="_blank" href="http://sazin.me">Saiful</a> from <a target="_blank" href="http://sazin.me/">sazin.me</a>
Author: Md Saiful Islam
Author URI: http://sazin.me
Version: 1.0
*/

/* PopUp Titel Margin Top */
.popmake-title {
	margin-top:50px;
}

/* Events CSS Einstellungen*/
.list-date {
	background: #003b5c!important;
	
}
.list-info {
	font-size:16px!important;
}
.tribe-events-title {
	font-size:20px!important;
	text-transform: none!important;
}

.tribe-events-list-event-title {
	color:#d60b52!important;
}

.tribe-events-list-event-description > a {
	color: #d60b52!important;
}

.tribe-events-content a {
	color: #d60b52!important;
}


/* Button vom KingComposer Blog Module einfärben (PLugin hat Bug darum hier) */
.kc-read-more {
	background-color:#003b5c!important;
	color:#ffffff!important;
}
.kc-read-more:hover {
	color:#003b5c!important;
	background-color:#ffffff!important;
	border-color:#003b5c!important;
}



/* Phone ausblenden auf sämtlichen Seiten  */
.sbpv-phone {
	display: none!important; }

/* Menü-Padding anpassen da sonst kein Platz (vorallem beim Französisch) */
.mainimenu ul li a {
    padding: 10px 10px!important; }

/* Unterline im Hauptmenü */
.menu-item > ul > li > a:hover {
	text-decoration:underline!important;
}


/* Ja, ich bin dabei Button Hover */
.kc-cta-button a:hover {
	color:white!important;
}


/* Bestimmte Menüpunkte auf Desktop breiter machen */
@media only screen and (min-width: 974px)  {

.menu-item-2640 a {
	width: 150px!important;
}
.menu-item-2640 {
	text-align:center;
}

.menu-item-19519 a {
	width: 350px!important;
	text-align:center;
}

.menu-item-19518 a {
	width: 150px!important;
}
.menu-item-19518 {
	text-align:center;
}

.menu-item-19510 a {
	width: 300px!important;
}
.menu-item-19510 {
	text-align:center;
}

.menu-item-1791 a {
	width: 300px!important;
	text-align:center;
}
.menu-item-1791 ul {
	width: 300px!important;
}

.menu-item-1792 a {
	width: 350px!important;
	text-align:center;
}

.menu-item-1792 ul {
	width: 350px!important;
	} 

.menu-item-19432 a{
		width: 150px!important;
		text-align:center;
	}
.menu-item-19434 a{
		width: 250px!important;
		text-align:center;
	}
	
	

}






/* Responsive Menü 100% breite damit man die Menüpunkte lesen kann */
.menu--on {
	width:100%!important;
}

/* Bestimmte Menüpunkte weisse Schrift */
.menu-item-19432, .menu-item-19433, .menu-item-19434, .menu-item-19435, .menu-item-19437, .menu-item-19509, .menu-item-19510, .menu-item-19513, .menu-item-19512, .menu-item-19511, .menu-item-19516, .menu-item-19518, .menu-item-19519, .menu-item-19520, .menu-item-19522 {
	color:#ffffff!important;
}


/* START Anpassungen Tickets */
/* Sachen ausblenden */
.tribe-tickets__rsvp-ar-form-title, .ticket-cost, .tribe-events-cost, .tribe-events-event-cost, .tribe-events-event-cost-label, .tribe-tickets__rsvp-attendance-number, .tribe-tickets__rsvp-attendance-going  {
	display:none!important;
}


/* Registration Anzahl Gäste ausblenden/korrigieren */
.tribe-tickets__rsvp-ar-sidebar-wrapper {
	display: none!important;
}

.tribe-tickets__rsvp-ar-form-wrapper {
	width: 100%!important;
}


/* ENDE Anpassungen Tickets */




body{
  background-color:#FFF;
  font-size:16px;
  line-height:25px;
  color:#003a5d;
  font-family: 'Open Sans', sans-serif;
}

ul, ol{
  margin:0;
  padding:0;
  list-style:none;
}
p{
  margin:0;
}
a, a:hover, a:focus{
  text-decoration:none;
}

h1, h2, h3,
h4, h5, h6{


}
body a:hover, body a:hover img, body button:hover {
    opacity: 0.7;


   transition: all 900ms ease 0s;
  -webkit-transition: all 600ms ease 0s;
  -moz-transition: all 600ms ease 0s;
  -ms-transition: all 600ms ease 0s;
  -o-transition: all 600ms ease 0s;   
}


a{
  color: #d60b53;

   transition: all 900ms ease 0s;
  -webkit-transition: all 600ms ease 0s;
  -moz-transition: all 600ms ease 0s;
  -ms-transition: all 600ms ease 0s;
  -o-transition: all 600ms ease 0s;  
}

/*================================
    =======Clear fix css=====
================================*/

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
.floatleft {float:left}
.floatright {float:right}
.alignleft {float:left;margin-right:10px;}
.alignright {float:right;margin-left:10px;}
.aligncenter {display:block;margin:0 auto}


a:focus{
  outline: none;
}

/*================================
    ======= Mian  css=====
================================*/


.container{
  width: 1170px;
}


header.header-area {
    background-color: #fff;
}
.mainimenu{}
.mainimenu ul{
  text-align: right;
}

.mainimenu ul li {
    display: inline;
    position: relative;
}


.mainimenu ul li a {
    display: inline-block;
    /*padding: 10px 40px;*/
    color: #fff;
    font-size: 15px;
    background-color: #d60b52;
    margin-left: 8px;
    font-weight: 400;
    border-radius: 5px 5px 0px 0px;
    text-transform: uppercase;
    -webkit-transition: all 600ms ease-out 0s;
  -moz-transition: all 600ms ease-out;
  -ms-transition: all 600ms ease-out;
  -o-transition: all 600ms ease-out;
  transition: all 600ms ease-out;
}

.mainimenu ul ul.sub-menu .current-menu-item a{
            -webkit-transition: all 600ms ease-out 0s;
  -moz-transition: all 600ms ease-out;
  -ms-transition: all 600ms ease-out;
  -o-transition: all 600ms ease-out;
  transition: all 600ms ease-out;
  font-weight: 600;
    color: #003a5c;
}


.saiful-mobilemeu ul ul.sub-menu li.current-menu-item a{
            -webkit-transition: all 600ms ease-out 0s;
  -moz-transition: all 600ms ease-out;
  -ms-transition: all 600ms ease-out;
  -o-transition: all 600ms ease-out;
  transition: all 600ms ease-out;
  font-weight: 600;
    color: #d60b52;
}
.mainimenu ul li a:hover{
            -webkit-transition: all 600ms ease-out 0s;
  -moz-transition: all 600ms ease-out;
  -ms-transition: all 600ms ease-out;
  -o-transition: all 600ms ease-out;
  transition: all 600ms ease-out;
  opacity: 1;


}
.mainimenu ul ul.sub-menu {
    position: absolute;
    top: 33px;
    left: 7px;
    width: 93%;
    background-color: rgba(255,255,255, 0.9);
    padding-top: 15px;
    padding-bottom: 15px;
    display: none;
    z-index: 9999;
}

.mainimenu ul ul.sub-menu:before {
    position: absolute;
    top: -11px;
    left: 50%;
    content: "";
    width: 20px;
    height: 20px;
    background-color: #d60b52;
    margin-left: -10px;
    transform: rotate(133deg);

}

.mainimenu ul ul.sub-menu li{
    float: none;
    display: block;
}

/* Amplus kein Zeilenumbruch im Hauptmenü und kleinere Schriftart im Hauptmenü zwischen 992px und 1080px Bildschirmbreite */
#manin_menu {
	white-space: nowrap;
}
@media only screen and (max-width: 1080px) and (min-width: 992px) { 
.mainimenu-area a{
	font-size:12px!important;
} } 

/* Zeilenumbruch bei bestimmten Menüpunkten aktivieren */
.menu-item-18396, .menu-item-10864 {
   white-space: break-spaces;
}
/*Ende */


.mainimenu ul ul.sub-menu li a {
    float: none;
    display: block;
    background-color: unset;
    color: #003a5c;
    text-transform: none;
    padding: 5px 10px;
    text-align: left;
}


.menu--off {
 background-color: rgba(0, 0, 0, 0.75);
  display: block;
  right: -30%;
  position: fixed;
  transition: all 300ms ease 0s;
  width: 18%;
}


.menu--off {
  background-color: rgba(0,0,0, 0.7);
  display: block;
  right: -41%;
  position: fixed;
  transition: all 600ms ease 0s;
  -webkit-transition: all 600ms ease 0s;
  -moz-transition: all 600ms ease 0s;
  -ms-transition: all 600ms ease 0s;
  -o-transition: all 600ms ease 0s;
    width: 40%;
   z-index: 99;
   height: 100%;
      overflow: scroll;

}

.menu--on {
      top: 0;
  right: 0;
  box-shadow: 8px 8px 20px 0 rgba(0, 0, 0, 0.2);
  transition: all 900ms ease 0s;
  -webkit-transition: all 600ms ease 0s;
  -moz-transition: all 600ms ease 0s;
  -ms-transition: all 600ms ease 0s;
  -o-transition: all 600ms ease 0s;
}

.material-design-hamburger button {
  display: block;
  border: none;
  background: none;
  outline: 0;
}

.material-design-hamburger__icon {
  padding: 3rem 1rem;
  cursor: pointer;
}

.material-design-hamburger__layer {
  animation-duration: 300ms;
  animation-timing-function: ease-in-out;
  background: #d60b52 none repeat scroll 0 0;
  display: block;
  height: 6px;
  position: relative;
  width: 42px;
}

.material-design-hamburger__layer::before, .material-design-hamburger__layer::after {
  animation-duration: 300ms;
  animation-timing-function: ease-in-out;
  background: inherit;
  content: "";
  display: block;
  height: 6px;
  position: absolute;
  top: -13px;
  width: inherit;
}

.material-design-hamburger__layer:before {
  bottom: 200%;
}

.material-design-hamburger__layer:after {
  top: 200%;
}

.material-design-hamburger__icon--to-arrow {
  animation-name: material-design-hamburger__icon--slide;
  animation-fill-mode: forwards;
}

.material-design-hamburger__icon--to-arrow:before {
  animation-name: material-design-hamburger__icon--slide-before;
  animation-fill-mode: forwards;
}

.material-design-hamburger__icon--to-arrow:after {
  animation-name: material-design-hamburger__icon--slide-after;
  animation-fill-mode: forwards;
}

.material-design-hamburger__icon--from-arrow {
  animation-name: material-design-hamburger__icon--slide-from;
}

.material-design-hamburger__icon--from-arrow:before {
  animation-name: material-design-hamburger__icon--slide-before-from;
}

.material-design-hamburger__icon--from-arrow:after {
  animation-name: material-design-hamburger__icon--slide-after-from;
}

@keyframes material-design-hamburger__icon--slide {
  0% {
  }
  100% {
    transform: rotate(180deg);
  }
}

@keyframes material-design-hamburger__icon--slide-before {
  0% {
  }
  100% {
    transform: rotate(45deg);
    margin: 3% 37%;
    width: 75%;
  }
}

@keyframes material-design-hamburger__icon--slide-after {
  0% {
  }
  100% {
    transform: rotate(-45deg);
    margin: 3% 37%;
    width: 75%;
  }
}

@keyframes material-design-hamburger__icon--slide-from {
  0% {
    transform: rotate(-180deg);
  }
  100% {
  }
}

@keyframes material-design-hamburger__icon--slide-before-from {
  0% {
    transform: rotate(45deg);
    margin: 3% 37%;
    width: 75%;
  }
  100% {
  }
}

@keyframes material-design-hamburger__icon--slide-after-from {
  0% {
    transform: rotate(-45deg);
    margin: 3% 37%;
    width: 75%;
  }
  100% {
  }
}

.material-design-hamburger {
  position: absolute;
    right: 2%;
    top: 50px;
    z-index: 999;
}

.wrapper{
    display: none;
  }

.avoutus-text.leftabout.formobile {
  display: none;
}

.avoutus-text.leftabout {
  display: block;
}

.saiful-mobilemeu {
    margin-top: 70px;
    padding-bottom: 70px;
}


.saiful-mobilemeu ul li a {
    display: block;
    padding: 8px 15px;
    color: #fff;
    text-transform: uppercase;
}

overflow-x{
  overflow: hidden;
}
.logo img {
    width: 90%;
}

.right-menu{}
.right-menu ul {
    text-align: right;
    margin-top: 19px;
}
.right-menu ul li{
  display: inline;
}
.right-menu ul li a {
    color: #003366;
    display: inline-block;
    font-weight: 600;
    font-size: 18px;
    padding: 0px 15px;
}
.right-menu ul li a:hover{}

.header-right.clearfix {
    text-align: right;
    margin-top: 50px;
}

.socail-icon {}

.socail-icon a {
    width: 35px;
    height: 35px;
    background-color: #003a5d;
    display: inline-block;
    text-align: center;
    font-size: 28px;
    line-height: 35px;
    color: #fff;
    border-radius: 5px;
    margin-left: 10px;
}

header.header-area {
    background-color: #fff;
    padding-top: 10px; /* Von 50 auf 10 angepasst */
    padding-bottom: 10px; /* von 30 auf 10 angepasst */
}
.search-box {}

input.hsearc {
    border-radius: 8px;
    border: 1px solid #003a5d;
    width: 200px;
    position: relative;
    padding: 4px 10px 4px 35px;
}

input.hsearc:focus,

input.hsubmit:focus{
  outline: none;
}
input.hsubmit {
    position: absolute;
    right: 180px;
    margin-top: 8px;
    background-image: url(img/search-icon.png);
    border: 0px;
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 20px;
    height: 20px;
    z-index: 9;
    cursor: pointer;
    background-color: #fff;
}

.search-box {
    margin-top: 50px;
}
section.banner-area img {
    width: 100%;
    height: 100%;
}

h2.page-tilte,
#page-heading h2 {
    color: #d60b53;
    font-weight: 400;
    font-size: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #003b5d;
    padding-bottom: 40px;
}

#page-heading h2 {
    border-bottom: 0px solid #003b5d;
    margin: 0;
    padding-bottom: 20px;
}

section.pagecotnent-area {
    margin-top: 50px;
}

.singe-home-news h4 {
    font-size: 18px;
    color: #003a5d;
    font-weight: 700;
}
.singe-home-news p {
    font-size: 16px;
    line-height: 25px;
}
.singe-home-news p {
    margin-bottom: 10px;
}
.singe-home-news a {
    font-size: 16px;
}
.singe-home-news img {
    width: 150px;
    height: 150px;
    border-radius: 500px;
}
.home-post-news-img {
    float: left;
    width: 23%;
}
.home-post-news-dis{
    float: left;
    width: 77%;
}
.singe-home-news.clearfix {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #003b5d;
}

.sidebar.clearfix {
    padding-left: 50px;
    margin-top: 7px;
}

a.archive-title {
    background-color: #d60b52;
    color: #fff;
    padding: 10px 20px;
    display: block;
    text-align: center;
    font-size: 18px;
    margin-bottom: 10px;
    position: relative;
    border-radius: 5px 5px 0px 0px;
}

a.archive-title:after {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    bottom: -7.5px;
    background-color: #d60b52;
    left: 50%;
    margin-left: -7.5px;
    transform: rotate(135deg);
}

.saiful-siebar a {
    color: #003a5d;
    padding-left: 30px;
    padding-top: 10px;
    display: block;
}
.saiful-siebar ul {
  margin-top: 15px;
}

.sbpv-pagination {
    width: 77%;
    background-color: #cccccc;
    float: right;
}

.sbpv-pagination ul{
 
}
.sbpv-pagination ul li{
  float: left;
  display: block;
  padding: 12px 8px;
  color: #003a5d;
}

.sbpv-pagination ul li a{
  color: #003a5d;
}

.sbpv-pagination ul li span.current{
  font-weight: 700;
}
.sbpv-pagination ul {
    margin-left: 20px;
}
footer.footer-area {
    background-color: #8a8b8e;
    color: #fff;
    margin-top: 50px;
    padding: 30px 0;
}
.footer-circle.clearfix {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
}
footer.footer-area {
    position: relative;
}
.footer-circle img {
    width: 70%;
}
footer.footer-area a{
    color: #fff;
}
.footer-menu-one a {
    display: block;
    padding: 6px;
}

.iconmenu {
    text-align: center;
    margin: 50px 0;
}
.iconmenu ul{

}
.iconmenu ul li{
    float: left;
}
.iconmenu ul li a {
    display: block;
    padding: 10px 26px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
}

.iconmenu ul li:nth-child(1) a {
  padding-left: 0;
}

.iconmenu img {
    width: 70px;
    margin-bottom: 15px;
}
.single-address h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
}
.footer-address.clearfix {
    margin-top: 50px;
}

.footer-address p {
    line-height: 20px;
}
.single-address {
    margin-bottom: 30px;
}
.footer-right {
    padding-left: 50px;
}
.impressum {
    position: absolute;
    bottom: 0px;
    font-size: 16px;
}

a.kc_button.sbpv-link {
    background-color: unset !important;
    margin-top: 20px;
}
section#page-heading p {
    font-size: 20px;
    line-height: 26px;
}

.single-page-twopost h3 {
    color: #cc0066;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 25px;
}

.single-page-twopost img {
    width: 150px;
    height: 150px;
    border-radius: 500px;
    margin-bottom: 20px;
}
.pagetwo-postdec a {
    margin-top: 10px;
    display: block;
}
.single-page-twopost {
    margin-bottom: 35px;
    padding-bottom: 35px;
    border-bottom: 1px solid #cc0066;
}

.single-page-post-wraper:nth-child(1) h3,
.single-page-post-wraper:nth-child(2) h3{
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #cc0066;
}
section#pagethree-text h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 30px;
}
section#pagethree-text ul {
    margin-top: 30px;
    list-style: disc;
    padding-left: 19px;
}
section#pagethree-text ul li{
      margin-top: 4px;
}
section#page-three-bottominfo {
    margin-top: 40px;
    padding: 30px;
    color: #fff;
    margin-bottom: 30px;
}

section#page-three-bottominfo h3 {
    margin-bottom: 30px;
    font-size: 30px;
}
section#page-three-bottominfo h4 {
    font-size: 18px;
    font-weight: 600;
}
section#page-three-bottominfo p {
    margin-bottom: 30px;
}
.pagefour-post-thumb {
    width: 20%;
    float: left;
    margin-right: 3%;
    padding-right: 20px;
}
.page-fourpost-decs {
    width: 77%;
    float: left;
}

.single-page-fourpost {
    border-bottom: 1px solid #003b5d;
    padding-bottom: 40px;
    margin-bottom: 40px;
}

.single-page-fourpost:nth-child(1) {
    border-top: 1px solid #003b5d;
    padding-top: 40px;
    margin-top: 40px;
}

.page-fourpost-decs {
    width: 77%;
    float: left;
    margin-top: 20px;
}
.page-fourpost-decs {
    width: 77%;
    float: left;
    margin-top: 20px;
}
.pagefour-post-thumb img {
    width: 100%;
    height: 100%;
}

.pagefour-post-thumb p {
    text-align: center;
    margin-top: 20px;
}

.single-page-fourpost a{
  display: block;
  margin-top: 10px;
}
.page-fourpost-decs img {
    margin-top: 30px;
}
.page-fourpost-decs h3 {
    color: #d60b52;
    margin-bottom: 15px;
}
.page-fourpost-decs h5 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
}
.single-page-fourpost.clearfix {
    margin-right: 15%;
}
section.badfsdnner-area img {
    width: 100%;
    height: 100%;
}

body {
    overflow-x: hidden;
}
section.pagecotnent-area.pagemain {
    min-height: 500px;
}
.sbpv-phone a {
    font-size: 30px;
    display: block;
    padding: 15px 0px;
}
.sbpv-phone {
    position: fixed;
    right: 15px;
    top: 50%;
    z-index: 5;
}



/* -------------------------------- 

  Back to top   

-------------------------------- */

.cd-top {
  display: inline-block;
  position: fixed;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    bottom: 30px;
  }
}

.cd-top {
    border-radius: 500px;
  }
  .bc-toparea a {
    font-size: 30px;
    color: #fff;
    width: 50px;
    height: 50px;
    background-color: #d60b52;
    text-align: center;
    line-height: 46px;
}
.saiful-mobilemeu ul.sub-menu {
    padding-left: 20px;
}

.banner-area a:hover,
.banner-area img:hover{
  opacity: 1;
}
.footer-right {
    position: relative;
    z-index: 99;
}
.sazin-lan {
    margin-top: -30px;
    margin-bottom: 30px;
    text-align: right;
    margin-left: 32px;
}

section.pagecotnent-area.pagemain h2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
}
section.pagecotnent-area.pagemain p {
    margin-bottom: 15px;
    line-height: 26px;
}

section.pagecotnent-area.pagemain ul li {
    margin-bottom: 10px;
    list-style: disc;
}
section#organisation-team-img {
    background-color: #f1f1f1;
    padding: 30px 0;
    margin-bottom: 40px;
}
section#organisation-team-img img {
    border-radius: 500px;
}
section.pagecotnent-area.pagemain h4 {
    font-weight: 700;
}
section#organisation-organaige-event {
    background-color: #f1f1f1;
    padding: 40px 0;
}

section#organisation-organaige-event img {
    border-radius: 500px;
}

section#f1f1-bg img {
    border-radius: 500px;
}
section#f1f1-bg {
    background-color: #f1f1f1;
    padding: 40px 0;
}
section#button-readmore .pt-cv-content a {
    color: #fff;
}
.content-title {
    font-weight: 700 !important;
    margin-bottom: 10px;
}

section#magazin-form label {
    width: 100%;
}
section#magazin-form input {
    width: 80%;
}
section#magazin-form input.wpcf7-form-control.wpcf7-submit {
    background-color: #d60b53;
    color: #fff;
    border: none;
    padding: 6px 20px;
    text-transform: uppercase;
    cursor: pointer;
    width: 150px !important;
}

#button-readmore #pt-cv-view-6126894hm0 .pt-cv-readmore {
    color: #ffffff !important;
    background-color: #d60b53 !important;
}