/*
Theme Name: Landesverband Kindertagespflege
Theme URI: http://www.kindertagespflege-bw.de
Author: Claudia Hansen-Schmidt
Description: Individuelles WordPress Theme für den Landesverband Kindertagespflege. 
Version: 1.0
*/


/* globals */


*, *:before, *:after {
  box-sizing: border-box;
}

*:focus {
outline: medium solid #439bd9;
 }
 
 
*,html,body {
margin: 0;
padding: 0;
	line-height: 150%;
    font-size: 99%;
    color: #424242;
}

body {
	font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;

}

header {
padding: 30px;

}

a:hover,a:active,a:focus {
	text-decoration: underline;
}

#pageSidebar {
padding-top: 40px;
}

.wp-block-image img {
    max-width: 100%;
    height: auto;
}

.orange {color:#ef7d00;}
.hellOrange {color:#F39400;}
.rot {color:#e63323;}
.gelb {color:#FFEB00;}
.violett {color:#a84d7f;}
.purpur {color:#b71d4a;}
.blau {color:#00508c;}
.tuerkis{color:#009dcc;}
.gruen {color:#00918e;}
.gruen-dkl {color:#006e3a;}
.background-orange {background-color:#ef7d00;}
.background-hellOrange {background-color:#F39400;}
.background-rot {background-color:#e63323;}
.background-gelb {background-color:#FFEB00;}
.background-violett {background-color:#a84d7f;}
.background-purpur {background-color:#b71d4a;}
.background-blau {background-color:#00508c;}
.background-tuerkis {background-color:#009dcc;}
.background-grün {background-color:#00918e;}
.background-gruen {background-color:#00918e;}
.background-gruen-dkl {background-color:#006e3a;}
/* special colors */
#warped-netz.gelb.background-gelb {
	color:#ffcc00;
	background-color:#ffcc00;
}


.bg--headerBild {
background-color:#ef7d00;
} 

.bold, strong {font-weight: 600;}
.medium {font-weight: 500;}

h1 {font-size:170% !important; font-weight: 500; margin-bottom: 1.4em; font-family: "Gotham Narrow A", "Gotham Narrow B",sans-serif, Helvetica;}
h2 {font-size:110% !important; font-weight: 500; margin-top: 1.4em; font-family: "Gotham Narrow A", "Gotham Narrow B",sans-serif, Helvetica;}
h3 {font-size:110% !important; font-weight: 500; margin-top: 1.4em;font-family: "Gotham Narrow A", "Gotham Narrow B",sans-serif, Helvetica;}

ul,ol {
margin: 0;
}

ul li, ol li {
margin-left: 20px;
}

p {
margin:1.4em 0 0 0;
word-wrap: break-word;
}

h2 + p, h3 + p {
margin-top: 0;
}

.spacearound {
margin: 5% 0 10% 0;
}

.infologin {
margin-top: 2.4em;
}


/* wordpress core */
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 2rem 0 0 1rem;
}
.alignleft {
    float: left;
    margin: 2rem 1rem 0 0;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
#gallery-1 .gallery-item {
    text-align: left !important;
}



#mega-menu-wrap-main-menu {margin-top: -7px;}



#mega-menu-wrap-main-menu li.mega-menu-flyout:last-child > ul.mega-sub-menu {
width: 164px !important;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
margin:0 !important;
}



@media(max-width:767px) {		/* XS */
	.gallery-item {
		float:none !important;
	}
}

#mega-menu-main-menu {
    max-width: 1170px !important;
    margin: 0 auto !important;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link {
font-weight: 500 !important;
}
/* PopUp-Button  */

.link-berufung {
        position: absolute;
        top: 8px;
        right: 480px;
        z-index:99999;
    }
    .link-berufung img {
        height:170px;
    }
    @media(max-width:991px) {
        .link-berufung {
            display:none;
        }
    }



/* print css */
@media print {
	#sliderBackground,
	#navigationBackground,
	#header .headerButtons,
	#panorama,
	#pageSidebar,
	#footer {
		display:none;
	}
	#header .logoArea {
	    line-height: inherit !important;
	}
	#header {
		height:auto !important;
	}
	.container {
		width:100%;
	}
	.gallery .gallery-item .gallery-icon a {
		font-weight:normal;
	}
	.featuredImage > img {
		width:auto;
		height:auto;
	}
}

.container-fluid {
  max-width:1180px;
  padding-right: 0;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto;
}


@media (max-width: 576px) {
  .container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  }
}

@media (max-width: 1170px) {
  .container-fluid {
    max-width: 100%;
    width: 100%;
      padding-right: 40px;
  padding-left: 40px;
  }

  #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link {
    padding: 0 12px;
    }

    #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout:last-child ul.mega-sub-menu, 
    #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout:nth-child(6) ul.mega-sub-menu{
        right: 0;
    }    



}


/* header */
#header {
	padding: 30px 10px;
	position:relative;
}

#header .logoArea img {
	width:300px;
	height:auto;
}
#header .headerButtons {
display: flex;
}

#header .headerButtons .buttonArea.first{
width: 40%;
margin-left: 5%;
}

#header .headerButtons .buttonArea.first{
width: 55%;
}

.headerButtons .buttonArea .button {
margin: 10px 0;
display: block;
height: 30px;
}

#header .headerButtons > div img {
	width:30px;
	height:auto;
	margin-right:5px;
}

#header .button div {
padding-top:4px;
}



#header .headerButtons .buttonArea .searchform label {
margin: 3px 0;
    text-decoration: none;
}

#header .headerButtons .buttonArea .searchform input {
	background: #fff;
    background-image: none;
    background-clip: border-box;
    display: inline-block;
    width: auto;
    padding: 4px;
    border-radius: 0;
    border: 1px dotted rgba(0,0,0,.8);
    background-clip: padding-box;
    background-image: none;
        font-size: 90%;
    text-decoration: none;
    margin-top:5px;
}

#header button#searchsubmit {
	background-color: #f29400;
    background-clip: border-box;
    margin: 0 0 20px 0 ;
    border-radius: 30px;
    width: 30px;
    height: 30px;
    border:0;
    background-clip: padding-box;
    cursor: pointer;
        position: absolute;
    bottom:26px;
    margin-left: 5px;
}

#header button#searchsubmit img {
margin:3px;
    width: 25px;
}


#header .button > img {
	float:left;
}

.headerButtons a{
	text-decoration: none;
}

.headerButtons.button{
	font-size:90%;
}


@media(max-width:992px) {	
.bg--headerBild {
    background: transparent;
}
#mega-menu-wrap-main-menu {
    position: absolute;
    top: 157px;
    right: 0;
    width: 100%;
    height: 60px;
        margin-top:0;
    }
.mega-menu-toggle {margin-top: 5px;}  
#header {
    padding: 20px 0 53px 0;
}

}


@media(max-width:767px) {	
#header {
padding: 20px 0 59px 0;
}

#header .logoArea img {
    width: 300px;
    height: auto;
}
	#header .headerButtons.col-sm-7 {
		flex:auto;
		width: 100%;
		max-width:100%;   
}


#header .headerButtons .buttonArea {margin-top: 10px;}
#header .headerButtons .buttonArea.first {width: 45%;margin-left: 0; }

#mega-menu-wrap-main-menu {
    position: absolute;
    top: 281px;
    right: 0;
    width: 100%;
    height: 60px;
        margin-top:0;
    }
}


@media(max-width:400px) {	
#header .headerButtons .buttonArea.first {width: 56%;margin-left: 0; }}

.headerBild {
max-width: 1170px;
margin: 0 auto;
}

.headerBild img{
width: 100%;
}

#frontPageIcons #pageContent {
display: inline-flex;
    flex-wrap: wrap;
}

#frontPageIcons a, #pageIcons a  {
text-decoration: none;
}

#pageIcons #pageContent {
display: inline-flex;
    flex-wrap: wrap;

justify-content: space-around;
    width: 100%;
}




/* menu */

#mega-menu-main-menu{
max-width: 1170px;
margin: 0 auto !important;
}

@media(max-width:1240px) {	
#mega-menu-wrap-main-menu {
    margin-top: -7px;
}
}

/* footer */
#footer {
	margin-top:100px;
	margin-bottom:25px;
	font-size:90%;
}
#footer .footerButtons > .buttonArea {
	cursor:pointer;
	width:13%;
	height:30px;
	float:left;
	position: relative;
}
#footer .footerButtons > div > a {
	color:black;
}

#footer .footerButtons > div > a:hover {
	text-decoration: underline;
}

#footer .footerButtons > div > a div {
    position: absolute;
    top: 4px;
    left: 30px;
}

#footer .footerButtons > div img {
	width:25px;
	height:auto;
	margin-right:5px;
}


#footer .footerSubText {
	margin-top:15px;
}
#footer .footerSubText > p {
	margin:0;
}
@media (min-width: 768px) and (max-width: 991px) {
	#footer .footerButtons {
		margin-top: 0;
	}
	#footer .footerTextLeft {
margin-top: 20px;
	}
	#footer .footerButtons > div > a {
	
	}
}

#footer .footerTextLeft {
margin-top: 15px;}

@media(max-width:767px) {	
	
	#footer .footerButtons > .buttonArea {
		width:99%;
		float:left;
		margin:5px 0;
	}
	#footer .footerButtons > div > a {
		float:left;
	}
}


#pageContent > h1 {
	margin:40px 0 0 0;
padding-bottom: .7em;
padding-top: .7em;
}

#pageContent h2 {
padding-top: .35em;
}

#pageContent.orange > h1 {
border-top: 8px solid #ef7d00;
border-bottom: 2px dotted #ef7d00;
}

#pageContent.rot > h1 {
border-top: 8px solid #e63323;
border-bottom: 2px dotted #e63323;
}

#pageContent.gelb > h1 {
border-top: 8px solid #ffcc00;
border-bottom: 2px dotted #ffcc00;
}

#pageContent.violett > h1 {
border-top: 8px solid #a84d7f;
border-bottom: 2px dotted #a84d7f;
}

#pageContent.veranstaltungen > h1 {
border-top: 8px solid #a84d7f;
border-bottom: 2px dotted #a84d7f;
}

#pageContent.blau > h1 {
border-top: 8px solid #00508c;
border-bottom: 2px dotted #00508c;
}

#pageContent.grün > h1 {
border-top: 8px solid #00918e;
border-bottom: 2px dotted #00918e;
}

#pageContent.gruen > h1 {
border-top: 8px solid #00918e;
border-bottom: 2px dotted #00918e;
}

#pageContent.dklgrün > h1 {
border-top: 8px solid #006e3a;
border-bottom: 2px dotted #006e3a;
}

#pageContent.türkis > h1 {
border-top: 8px solid #009dcc;
border-bottom: 2px dotted #009dcc;
}

#pageContent.purpur > h1 {
border-top: 8px solid #b71d4a;
border-bottom: 2px dotted #b71d4a;
}

#pageContent.orange h2 {
border-top: 2px dotted #ef7d00;
}

#pageContent.rot h2 {
border-top: 2px dotted #e63323;
}

#pageContent.gelb h2 {
border-top: 2px dotted #ffcc00;
}

#pageContent.violett h2 {
border-top: 2px dotted #a84d7f;
}

#pageContent.blau h2{
border-top: 2px dotted #00508c;
}

#pageContent.grün h2 {
border-top: 2px dotted #00918e;
}

#pageContent.gruen h2 {
border-top: 2px dotted #00918e;
}

#pageContent.dklgrün h2 {
border-top: 2px dotted #006e3a;
}
#pageContent.türkis h2 {
border-top: 2px dotted #009dcc;
}
#pageContent.purpur h2 {
border-top: 2px dotted #b71d4a;
}


#pageContent .content h2:first-child {
border-top:0;
margin-top: .35em;
}


#pageContent > .featuredImage {
	float:left;
	padding: 20px 20px 0 0;
    background: #fff;
}
#pageContent > .featuredImage > img {
	max-width: 200px;
    max-height: 200px;
}

#pageContent > .content > ul {
	display:inline-block;
}
#pageContent p > iframe {
	width: 100%;
}
#pageContent > div.content > p > img {
	/*width:100%;
	height:auto;*/
}
@media(max-width:767px) {		/* XS */
	#pageContent > h1 {
		margin:20px 0;
	}
	#pageContent > .featuredImage {
		float:none;
		text-align:center;
	}
}

#pageContent .content p a,
#pageContent .eventCont a{
    background: url(/wp-content/themes/lvktp-bw/img/arrow_link.svg) no-repeat left center;
    background-size: 12px;
    padding-left: 15px;
    text-decoration:none;
    font-weight:500;
}

#pageContent .content h2 a {
    background: url(/wp-content/themes/lvktp-bw/img/arrow_bold_g.svg) no-repeat left center;
    background-size: 16px;
    padding-left: 19px;
    text-decoration:none;
}
#pageContent .content p a:hover,
#pageContent .content p a:focus,
#pageContent .content p a:active,
#pageContent .content h2 a:hover,
#pageContent .content h2 a:focus,
#pageContent .content h2 a:active {text-decoration: underline;}

#pageContent .content h2 a {
    font-weight:700;
}

/* page sidebar */
#pageSidebar > h2 {
	margin:0 0 15px 0;
	font-size:20px;
}

#pageSidebar a {text-decoration: none;}

#pageSidebar a:hover, #pageSidebar a:focus {text-decoration: underline;}

#pageSidebar .side_arrow img{
width:16px;
margin: 0 0 -5px 5px;
}

.buttonFB {
border-top: 4px solid #3e589a;
margin-top: 2px;
}

.buttonFB h3 {
margin: 2px 0;
}

.buttonFB .facebook {
background: url('/wp-content/themes/lvktp-bw/img/header/facebook.png') no-repeat left center;
padding: 8px 0 8px 32px;
height: 30px;
background-size: 23px;
}

.buttonFB .facebook  {
	width: 23px!important;
    height: 23px!important;
    margin: 0 2px;
    border-radius: 5px;
}

.buttonInsta {
border-top: 4px solid;

  border-image: linear-gradient(50deg, rgba(122,56,172,1), rgba(247,7,16,1), rgba(249,216,1,1)) 1;
margin-top: 22px;
}

.buttonInsta h3 {
margin: 2px 0;
}

.buttonInsta .instagram {
background: url('/wp-content/themes/lvktp-bw/img/header/instagram.png') no-repeat left center;
padding: 8px 0 8px 32px;
height: 30px;
background-size: 23px;
}

.buttonInsta .instagram  {
	width: 23px!important;
    height: 23px!important;
    margin: 0 2px;
    border-radius: 5px;
}

.buttonLinkedin {
border-top: 4px solid #2867b2;
margin-top: 22px;
}

.buttonLinkedin h3 {
margin: 2px 0;
}

.buttonLinkedin .linkedin{
background: url('/wp-content/uploads/2023/07/LI-In-Bug.png') no-repeat left center;
padding: 8px 0 8px 32px;
height: 30px;
background-size: 25px;
}

.buttonLinkedin .linkedin  {
	width: 25px!important;
    height: 25px!important;
    margin: 0 2px;
    border-radius: 5px;
}

.newsElement h3 {
font-weight: 700;
margin:2px 0 0 0;
}

.newsSubhead p {
margin-top: .5em;
font-weight: 500;
}
.newsElement p{
margin:0;
}
.newsElement {
	margin:0 0 40px 0;
}
.newsElement {
	font-size: 0.95em;
}

.newsElement.orange {border-top: 4px solid #ef7d00;}
.newsElement.hellOrange {border-top: 4px solid #F39400; color: #000;}
.newsElement.rot {border-top:4px solid #e63323; color: #000;}
.newsElement.gelb {border-top: 4px solid #FFEB00; color: #000;}
.newsElement.violett {border-top: 4px solid #a84d7f; color: #000;}
.newsElement.purpur {border-top: 4px solid #b71d4a; color: #000;}
.newsElement.blau {border-top: 4px solid #00508c; color: #000;}
.newsElement.tuerkis{border-top: 4px solid #009dcc; color: #000;}
.newsElement.gruen {border-top: 4px solid #00918e; color: #000;}
.newsElement.gruen-dkl {border-top: 4px solid #006e3a; color: #000;}

#inhalt .newsLink, #pageSidebar .newsLink  {border-bottom: 0; color: #000; }

#pageSidebar > .newsElement > a > span.glyphicon {
	margin-left:8px;
}


/* event colors */
.event.Fortbildungen {border-color:#E63323;color:inherit;}
.event.Fachtagungen {border-color:#a84d7f;color:inherit;}
.event.Austauschtreffen {border-color:#00885d;color:inherit;}
.event.Landeskongress.Kindertagespflege {border-color:#00508c;color:inherit;}
.event.Interne.Gremien {border-color:#fbb800;color:inherit;}
.event.Multiplikatoren {border-color:#e63323;color:inherit;}
.event.Anbieter {border-color:#e63323;color:inherit;}
.event.Reflexion {border-color:#e63323;color:inherit;}
h1.Fortbildungen {border-top: 6px solid #e63323;}
h1.Fachtagungen {border-top: 6px solid #a84d7f;}
h1.Austauschtreffen {border-top: 6px solid #00885d;}
h1.Landeskongress.Kindertagespflege {border-top: 6px solid #00508c;}
h1.Interne.Gremien {border-top: 6px solid #fbb800;}
h1.Multiplikatoren {border-top: 6px solid #e63323;}
h1.Anbieter {border-top: 6px solid #e63323;}
h1.Reflexion {border-top: 6px solid #e63323;}


/* page events */
.veranstaltungen a:hover .event:first-child, .veranstaltungen a:focus .event {
text-decoration: none;
outline: medium solid #439bd9;
}





#pageContent > a {
	color:black;
	text-decoration: none;
}
#pageContent > a > .event {
	margin-left:0px;
	margin-top:25px;
}
#pageContent > a > .event > .eventImage,
#pageContent > a > .event > .eventText {
	border-top:8px solid;
	border-color:inherit;
}
#pageContent > a > .event > .eventImage {
	padding:0;
}
#pageContent > a > .event > .eventImage > img {
margin: 0;
	width:100%;
	height:auto;
}
#pageContent > a > .event > .eventText > .eventTitle,
#pageContent > a > .event > .eventText > .eventHeading {
	font-size:18px;
}
#pageContent h2,
#pageContent h3 {
	margin-bottom:0px;
}
#pageContent div.content ul > li > ul,
#pageContent div.content > li > ul {
	margin-top: 0px;
}
#pageContent div.content ul {
	margin-top:0px;
}
@media(max-width:767px) {		/* XS */
	#pageContent > a > .event {
		margin-left: 0px;
		margin-right: 0px;
	}
	#pageContent > a > .event > .eventText {
		padding:15px 0;
	}
}


/* single events */

.single-veranstaltungen .eventInfos {
display: flex;
}

@media screen and (max-width: 600px) {
    .single-veranstaltungen .eventInfos {
        display: flex;
        }
}


.single-veranstaltungen .eventLoc p {
margin-top: 0;
}

.single-veranstaltungen .eventCont p {
margin: 0 0 24px 0;
}

.single-veranstaltungen .eventLoc,
.single-veranstaltungen .eventStart {
margin-top:0.9em;
}

.single-veranstaltungen .featuredImage {
margin-bottom: 2em;
width: 200px;
margin-right: 20px;
}

.single-veranstaltungen .featuredImage img {
height: auto;
width: 200px;
}


.tablepress tfoot th, .tablepress thead th {
    background-color: #fbe01b !important;
}


.wp-block-table table tr:nth-child(odd) {
    background-color: #f0f0f0;
}

.wp-block-table table tr:nth-child(even) {
    background-color: #fff;
}

table tr td {
	vertical-align: top;
	padding-left:5px;
}

/* single schulungen */

.single-schulungen h1 {
        border-top: 6px solid  #e63323;
}
.single-schulungen p {
    margin: 0 0 24px 0;
}
.single-schulungen .eventInfos {
display: flex;
}


@media screen and (max-width: 600px) {
    .single-schulungen .eventInfos {
        display: block;
        }
}


.single-schulungen .eventLoc p {
margin-top: 0;
}

.single-schulungen .eventCont p {
margin: 0 0 24px 0;
}

.single-schulungen .eventLoc,
.single-schulungen .eventStart {

}

.single-schulungen .featuredImage {
margin-bottom: 2em;
width: 200px;
margin-right: 20px;
}

.single-schulungen .featuredImage img {
height: auto;
width: 200px;
}

#pageContent.schulungen > h1 {
    border-top: 8px solid #e63323;
    border-bottom: 2px dotted #e63323;
}

/* Barrierefreiheit */

.unsichtbar {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  white-space: nowrap;
}

a.unsichtbar:focus {
  position: absolute;
  top: 0;
  right: 0;
  height: auto;
  width:100%;
  overflow: hidden;
  clip: unset;
  color: #000;
  background: #fbe01b;
  clip-path: unset;
  white-space: nowrap;
}

.keyboard-accessible:not(:focus) {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  white-space: nowrap;
}

dl.accordion {
clear: both;
padding-top: 20px;
} 

.accordion dt {
  margin: 0;
  border-bottom: 1px solid #f29400;
}
.accordion dd {
  margin: 0;
}

/**************************************Accordion */
.accordion[role="tablist"] dt {
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid #f29400;
  padding: 8px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 120%;
  cursor: pointer;
  -webkit-transition: background-color 0.4s, color 0.4s;
  transition: background-color 0.4s, color 0.4s;
}
.accordion[role="tablist"] dt:after {
  content: "";
  border: 8px solid transparent;
  border-top-color: #f29400;
  position: absolute;
  top: 50%;
  right: 1em;
  margin-top: -3px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: color .4s, -webkit-transform .8s;
  transition: color .4s, -webkit-transform .8s;
  transition: transform .8s, color .4s;
  transition: transform .8s, color .4s, -webkit-transform .8s;
  -webkit-transform-origin: 50% 20%;
          transform-origin: 50% 20%;
}
/************************************** FOCUSED STATE */
.accordion[role="tablist"] dt[aria-selected="true"]:focus,
.accordion[role="tablist"] dt[aria-selected="true"]:hover,
.accordion[role="tablist"] dt:focus,
.accordion[role="tablist"] dt:hover {
  color: #228;
  background-color: rgba(251, 224, 27, 1);
         -webkit-transition: all .5s;
  transition: all .5s;
}

/************************************** OPEN STATE dt */
.accordion[role="tablist"] dt[aria-expanded="true"] {
   background-color: rgba(251, 224, 27, 1);
}
.accordion[role="tablist"] dt[aria-expanded="true"]:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
          border-top-color: #000;
}

/************************************** HIDDEN STATE */
.accordion[role="tablist"] dd[aria-hidden="true"] {
  visibility: hidden;
  opacity:0;
   max-height: 0;
  padding: 0 1em;
  color: #2c3e50;
  background: white;
  -webkit-transition: all .3s;
  transition: all .3s;
}


/************************************** OPEN STATE */
.accordion[role="tablist"] dd {
  overflow: hidden;
	max-height: 100%;
  padding: 1em;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.accordion[role="tablist"] dd *:first-child {
  margin-top: 0;
}
.accordion[role="tablist"] dd *:last-child {
  margin-bottom: 0;
}


/* Slider */

.frontslider {
padding-bottom: -6px;
background: #F39400;
}

.frontslider .slide-text {
padding:2.5vw;
}

.frontslider .slide-text {
color: #000;
font-size:110%;
}

.frontslider .slideHead {
line-height: 130%;
font-size: 175%;
color: #000;
font-family: "Gotham Narrow A", "Gotham Narrow B",sans-serif, Helvetica;
}

.frontslider .slideSubhead p {
font-family: "Gotham Narrow A", "Gotham Narrow B",sans-serif, Helvetica;
line-height: 120%;
    font-size: 170%;
    font-weight: 700;
    color: #000;
    margin-top: 5px;
}

.frontslider .slideSubhead p b {
color: #000;}

.frontslider .slide-text p strong,
.frontslider a {
color: #000;
}

.frontslider .slideSubhead p:last-child {
margin-bottom: 10px;
}

/* Slider-Text-Farben */


.slide-text.background-violett p,
.slide-text.background-blau p,
.slide-text.background-violett a,
.slide-text.background-blau a,
.slide-text.background-violett a:hover,
.slide-text.background-blau a:hover{
color: #fff;
}



.frontslider .slide-text.background-violett p strong,
.frontslider .slide-text.background-blau p strong {
color: #fff;
}

.frontslider .background-violett .slideHead,
.frontslider .background-blau .slideHead,
.frontslider .background-violett .slideSubhead,
.frontslider .background-blau .slideSubhead {
color: #fff;
}


.frontslider a {text-decoration: none;}
.frontslider .slide-text a:hover {
text-decoration: underline !important;
}
.frontslider p {margin: 0;}

.slick-slider{
    position: relative;
    -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;
}

.slick-slide {
    width: 50vw;

    box-sizing: border-box;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}

/* Arrows */

.slick-next {
right:0;
	-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.slick-prev,
.slick-next {
background-color: rgba(255,255,255,.38);
    cursor: pointer;
    height: 40px;
    width: 40px;
    z-index: 100;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	position:absolute;
	bottom:43%;
	  -webkit-transition: all .3s;
  transition: all .3s;
}

.slick-prev img,
.slick-next img {
width: 100%;
height: auto;
}

.slick-prev {
left: 0;
}


.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
background-color: rgba(255,255,255,.75);
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled{
background-color: rgba(255,255,255,.2);
}

.slick-prev,
.slick-next {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



.slider .slick-dots {
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    bottom: 10px;
    left: 5px;
    text-align: left;
    width: 99%;
    margin: 0;
    padding: 0;
}

.slider .slick-dots button {
  color: transparent;
    background: #fbe01b;
    -webkit-appearance: unset;
    -webkit-writing-mode: unset;
    text-rendering: auto;
    display: inline-block;
    text-align: center;
    align-items: flex-start;
    cursor: default;
    background-color: #fbe01b;
    box-sizing: border-box;
    height: 20px;
    width: 20px;
    border-radius: 20px;
    border-width: 2px;
    border-style: solid;
    border-color: #fbe01b;
    border-image: none;
}


.slider .slick-active button,
.slider .slick-dots button:hover,
.slider .slick-dots button:focus {
    background:#F39400;
    
}
.slick-dots li{
    position: relative;
    display: inline;
    margin: 0 5px;
}

.slider {
width: 1170px !important;
    height: 1px;
    min-height: 377px;
margin: 0 auto;
}

.slider .slide-bild img {
    width: 100%;
    height: auto;
}
.slider .slick-slide {
  width: 1170px !important;
}

.slick-list {
    height: 1px;
    min-height: 380px;
}


.slider .slick-prev:before,
.slider .slick-next:before {
  color: #292e3e;
}

@media(max-width:1240px) {		

.slider {
width: 100% !important;
    height: 1px;
    min-height: 377px;
margin: 0 auto;
}

.slider .slick-slide {
  width: 100vw !important;
}

}

@media(max-width:1240px) {	

.frontslider {
background: transparent;
padding-bottom: -10px;
}
	

.slider {
width: 100% !important;
    height: auto;
    min-height: auto;
margin: 0 auto;
}

.slick-list {
    height: auto;
    min-height: auto;
}

.slick-slide {
    height: auto;
    min-height: auto;
}

}

@media(max-width:991px) {	
.frontslider .slideHead {
font-size: 120%;
}

.frontslider .slideSubhead p {
font-size: 110%;
}

.frontslider .slide-text a {
    line-height: 160%;
    font-size: 98%;
}


}

@media(max-width:767px) {	
.slick-slide div div {
flex-direction:column;
}

.slider .slick-dots {
    text-align: center;
}

.frontslider .slide-text {
width: 100vw;
padding: 15px 15px 44px 15px;
}

}

@media(max-width:480px) {	
.slide-bild {display: none;}
.frontslider .slide-text {position: relative; }
}





.wpcf7-form {

margin-top: 2em;
}



 
fieldset {padding: 2em; margin-bottom: 2em;border: 4px solid #F39400;font-weight: 700;}
fieldset.schulung { border-color:#e63323;}
.single-veranstaltungen fieldset{border: 4px solid #a84d7f;}
fieldset legend {padding: 10px;}
label{display:inline-block;width:100%;margin-bottom:1em;font-weight:400}
input,textarea{background:#fff;display:block;width:100%;padding:.5rem 1rem;border-radius:4px;border:2px dotted #c37904;
background-clip:padding-box;background-image:none}
input#rememberme {width: 20px;}

input,textarea{border:2px dotted #c37904;}
.single-veranstaltungen input,.single-veranstaltungen textarea{border:2px dotted #a84d7f;}
.schulung input,textarea{border-color:#e63323;}
.single-schulungen input,.single-schulungen textarea{border:2px dotted #e63323;}
label,legend{line-height:1.725}

span.wpcf7-list-item {
    margin: 0;
}

input[type="checkbox"] {margin: 5px 9px 0 0;}
 
input:focus,
textarea:focus,
select:focus{
box-shadow: 0.1em 0.1em 0.1em #F39400, inset 0 0 0.5em #F39400;
}

.single-veranstaltungen input:focus,
.single-veranstaltungen textarea:focus,
.single-veranstaltungen select:focus {
box-shadow: 0.1em 0.1em 0.1em #a84d7f, inset 0 0 0.5em #a84d7f;
}

.schulungen input:focus,
.schulungen textarea:focus,
.schulungen select:focus{
box-shadow: 1px 1px 1px #e63323, inset 0 0 1px #e63323;
}

.single-schulungen input:focus,
.single-schulungen textarea:focus,
.single-schulungen select:focus {
box-shadow: 1px 1px 1px #e63323, inset 0 0 0 1px #e63323;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
border: 2px solid #ff0000;
}

span.wpcf7-not-valid-tip {
    background: #f00;
    color:#000;
    font-size: 1em;
    font-weight: 500;
    display: block;
}

input.wpcf7-submit,
input#wp-submit {
background:#F39400 none repeat scroll 0 0;
    box-shadow: 0 0 0 inset;
    color: #fff;
font-size: 140%;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.single-schulungen input.wpcf7-submit,
.single-schulungen input#wp-submit {
    background:#e63323 none repeat scroll 0 0;

}

.single-veranstaltungen input.wpcf7-submit {
background: #a84d7f none repeat scroll 0 0;}

@media screen and (max-width: 767px) {
input.wpcf7-submit {
    width: 100%;
}
input.captcha, input.text, textarea {
   width: 88%;
}
}

input.wpcf7-submit:hover,
input.wpcf7-submit:focus,
input#wp-submit:hover,
input#wp-submit:focus {
cursor:pointer;
background: #000;
color:#fff;
}

.breadcrump-cont {
    background-color: rgba(255, 224, 0, 0.30);
}

.breadcrumb {
font-weight: 400;
font-size: 90% !important;
    padding:10px;
    margin-bottom: 20px;
    list-style: none;
max-width: 1170px; 
margin: 0 auto;
}
.breadcrumb a {
    text-decoration: none;
    font-weight: 400;
}

.breadcrumb a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 991px) {
.breadcrumb {margin-top: -7px}
}

/************************************** Startseite Teaser */

.container-start {
    max-width: 1170px;
    margin-right: auto;
    margin-left: auto;
}

#start-teaser {
    display: inline-flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 40px;
    width: 100%;
}
#start-teaser a {text-decoration: none;}

#start-teaser.second {
    margin-top: 0;
}

#start-teaser div:last-child {
    margin-right:0;
}

.teaser-image {
    position: absolute;
    left: 0;
    bottom:0;
}

.teaser-item {
    position: relative;
    width: 380px;
    height:324px;
    box-shadow:0px 2px 5px 2px rgba(0,0,0,0.20);
    transition:all 0.2s ease-in-out;
    margin-right: 12px;
}

#start-teaser a:last-child .teaser-item {
    margin-right:0;
}

.teaser-item:hover, 
.teaser-item:focus {
    box-shadow: 0px 4px 8px 4px rgba(0,0,0,0.60);
  cursor:hover;
  transition:all 0.2s ease-in-out;
}


.teaser-item img {
    width: 100%;
    height: auto;
}

.teaser-item p {margin: 0 10px;
    hyphens: auto; 
   
}


.teaser-item h3, .teaser-item h2, .teaser-item h1 {
    font-family: "Gotham Narrow A", "Gotham Narrow B",sans-serif, Helvetica;
    font-size:110% !important;
    font-weight: 500;
    padding: 10px 0 0 10px;
    margin: 0;
}
.teaser-icon {
    width: 58px;
    float: left;
    margin: 10px 10px 0 10px;
}
.start-separator {
    background: #f39200;
    padding: 5px;
    text-align: center;
    font-weight: 700;
    color: #000;
    margin: 20px 0;
}

@media screen and (max-width: 1170px) {
    #start-teaser {
        justify-content: center;
    }
    #start-teaser .first a:nth-child(1) { order: 1; }
    #start-teaser .first a:nth-child(2) { order: 3; }
    #start-teaser .first a:nth-child(3) { order: 2; }
    #start-teaser a {
        margin: 10px 10px; 
    }
}