@import url('open-sans.css');

.col-r h1,.col-r h2,.col-r h3 {font-size:1.5em;}

html {
  
font-size:60%;
font-family:"open sans",sans-serif;
}

.bigger-view {
  font-size:70%;
}
* {
  padding:0;
  margin:0;
}
body {
  padding:0;
  margin:0;
  box-sizing: border-box;
  border-radius:0;
  /*font-size: 100%;*/
  font-family: 'Open Sans', sans-serif;
  background-color: #f4f4f4;
  text-decoration: none;
}

/*body class for pre-footer control */
body.pf1 #pf_box1 {display:none;}
body.pf2 #pf_box2 {display:none;}
body.pf3 #pf_box3 {display:none;}
body.pf4 #pf_box4 {display:none;}


a:hover, a:focus {
  text-decoration: none;
}
body * {
  transition: all 0.1s ease-out;
}
h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 0;
  margin-bottom: 15px;
}
h1 {
  font-size: 2em;
}
h2 {
  font-size: 1.5em;
  
}
h3 {
  font-size: 1.2em;
}
h4 {
  font-size: 1em;
}
h5 {
  font-size: 0.8em;
}
h6 {
  font-size: 0.5em;
}
.logo-box img{
  width: 369px;
}
.logo-box a{
  height: 70px;
  width: 369px;
  background-image:url("logo_gib_azh_stiftung.png");
  background-size:369px 70px;
  font-size:0px;
}

main h2 {
  color: #8D036B;
  font-weight: 800;
}

header h3 {
    color: #F88A00;
    font-weight: 800;
	font-size: 2em;
	margin-top: -10px;
}
header h2 {
	font-size: 2em;
}

footer ul li, main ul li {
  list-style: none;
}
main ul li::before {
  content: "\00BB \0020";
  font-size:1.3em;
  
}

/* Fonts lokal einbinden – die Fonts liegen im Verzeichnis fonts */
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v18-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
    url('../fonts/open-sans-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v18-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

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

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

/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v18-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
    url('../fonts/open-sans-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v18-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
p,div,td,tr,table,span {
  font-size: 1.7rem;
  line-height: 2.8rem;
}
p {
  margin-bottom: 32px;
}
img, video {
  width: 100%;
  height: auto;
}
button {
  border:0px;
}
button a{
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color:#f4f4f4;
}

/* frame-layout-2 */
.frame-layout-2 span, .frame-layout-2 li, .frame-layout-2{
  /* font-size: 120%;
  line-height:150%;
  */
}

aside div.ce-textpic {

}
.frame-layout-2 li::before {
  content:"";
}
.frame-layout-2 span::after {
  content:" ❯";
}

/* Header Start */
.header-container {
  display:grid;
  grid-template-columns: repeat(12, 1fr);
  /*grid-template-rows: 6.7rem 15rem auto 37vw auto;*/
  grid-template-rows: 6.7rem 15rem 4.26rem 37vw auto;
  background: #fff;
  position:relative;
}
.grid-sec-nav {
  grid-column: 1/13;
  grid-row:1/2;
  display: flex;
  justify-content: flex-end;
  align-items:center;
  position:relative;
  background-color:#f4f4f4;
}
.grid-sec-nav button:first-child {

}
.grid-sec-nav button:first-child a, .grid-sec-nav button:nth-child(2) a {
  color:#fff;
}
.grid-sec-nav button:first-child a:hover {
  /*background-color:#fff;*/
  color: #FF0043;
}

.grid-sec-nav button:nth-child(2) {

}
.grid-sec-nav button:nth-child(2) a:hover {
  /*background-color:#fff;*/
  color: #FF0043;
}
.grid-sec-nav button.spenden {
  
}

/* Spendenbutton */
a .heart-box {
  position: absolute;
  top: 55%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 8.5em;
  fill:#fff;
}
button:hover .heart-box {
  fill:#FF0043;
  
}
.spenden > a {
  padding: 1.15em;
  width: 12.5em;
  background: #FF0043;
  display: block;
  color:#fff;
}
.spenden a:hover {
  background-color:#f4f4f4;
  color:#FF0043;
  
}

span.d-inline-block{
  margin-left: 2em;
}


.logo-box {
  /*grid-column: 1/3;*/
  /*grid-row: 2/3;*/
  background-color: #fff;
  padding-left: 1.6em;
  display: flex;
  align-items: center;
}
.main-nav {
  grid-column: 1/11;
  grid-row: 3/4;
  background-color: #fff;
  font-size: 1.5rem;
  background-color: #FF0043;
}

/* Button für den Wechsel auf die GiB-Seite */
button.btn-sw-av {
  grid-column:11/13;
  grid-row:3/4;
  background:#F88A00;
  position:absolute;
  z-index:1;
  width:100%;
  height:100%;
  color: #fff;
}
button.btn-sw-av a{
  background-color:#FF0043;
}

button.btn-sw-av a:hover {
  background-color:#f4f4f4;
  color:#FF0043;
}

.heroslider {
  grid-column: 1/13;
  grid-row:4/5;
  position:relative;
  /*
  background: transparent url("header_test_1.jpg") no-repeat center top; 
  */
  background-size: cover; 
}
.breadcrumb-box {
  grid-column: 2/13;
  grid-row:5/6;
  /* display: flex; */
  display:none;
  align-items: center;
  font-size: 0.9em;
  padding: 0.8em 0;
}
.breadcrumb-box a{
  color:#000;
}

.grid-sec-nav button {
  border:none;
  border-radius:0;
}

/* Enlarge-Button */
button.icon-button {
  border-radius: 50%;
  width: 2em;
  height: 2em;
  background: #fff url(/fileadmin/files/enlarge-font.svg);
  background-repeat: repeat;
  background-size: 73%;
  background-repeat: no-repeat;
  background-position: center center;
  margin-right: 1em;
}
.bigger-view button.icon-button {
  background: #fff url(/fileadmin/files/small-font.svg);
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center center;
}



/* Main-Navigation Start */
.navbar {
  border-radius:0;
  border:none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin:0;
  min-height: inherit;
}
.navbar-nav {
  float:none;
  min-height: inherit;
  
  
}
.navbar-default {
  background-image:none;
  background-color:#FF0043;
}
.navbar-default .navbar-nav > li > a {
  background-image:none;
  box-shadow:none;
  -webkit-box-shadow:none;
  color: #fff;
  padding-top: 0.6em;
  padding-bottom: 0.6em;
  font-weight: bold;
}
.navbar-default .navbar-nav > li > a:hover {
  color: #ff0043;
  background-color: #FFF;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	color:#FF0043;
	background-color: #FFF!important;
	background-image:none;
	box-shadow:none;
    -webkit-box-shadow:none;
}
ul.nav-container li {
  display:inline-block;
  
}

ul.flex {
  display:flex;
  justify-content:flex-start;
}
.dropdown-menu {
  
  min-width: 160px;
  padding: 0;
  margin: 0;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* Main Beginn */
main a {
  color: #FF0043;
}
main a:hover {
  color: #000;
}
main.main-1col {
  display:grid;
  grid-template-columns: repeat(12, 10fr);
  grid-template-rows:auto;
}
main.main-1col > section {
  grid-column:2/12;
  grid-row: auto;
  
}
/* Main ZweiSpaltig Beginn */
main.main-2col {
  display:grid;
  grid-template-columns: repeat(12, 10fr);
  grid-template-rows:auto;
}
main.main-2col > section {
  grid-column:2/12;
  grid-row: auto;
  display:grid;
  grid-template-columns: 4fr minmax(300px, 1fr);
  grid-template-rows:auto;
  
}
article.col-l {
  grid-column: 1/2;
  margin-right:2em;
}
aside.col-r {
  grid-column: 2/3;  
}
/*
.sect > div, article > div, aside > div{
background: #fff;
padding: 4%;
margin-top:4em;
}
*/
aside > div{
  background: #fff;
  padding: 4%;
  margin-top:4em;
}
article.col-l > div {
  background: #fff;
  padding: 4%;
  margin-top:4em;
}
.sect > div {
  background: #fff;
  padding: 4%;
  margin-top:4em;
}

.sect div:nth-child(1) {
  margin-top:0;
}
.ce-bodytext {
  max-width:80%;
}
.ce-bodytext p:last-child  {
  margin-bottom: 0px;
}
aside .ce-bodytext {
    max-width: 100%;
}
/* Einsellungen für Slider */

.slick-bgimg .slick-item .slick-text {
  position: absolute;
  overflow: hidden;
  top: 0;
  width: 96%;
  margin-left: 0;
  text-align: left;
  transform: translateY(100px);
}
.slick-bgimg .slick-item .slick-text .h1, .slick-bgimg .slick-item .slick-text .h2 {
  color: #FF0043;
  display: block;
  font-size: 3em;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.16;
  text-align: left;
  text-shadow: none;
  white-space: nowrap;
  word-break: keep-all;
}

/* Download Button */
.download button {
    width: 100%;
    padding: 4%;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* FOOTER beginn */
footer > div {
  display:grid;
  grid-template-columns: repeat(12, 1fr);
  background-color: #FF0043;
  background-image:url("bg_footer.png");
  background-repeat:no-repeat;
  background-position:right;
  padding-top:2em;
}
div.fl-box {
  grid-column: 2/6;
  padding-left: 10%;
}
div.fr-box{
  grid-column: 7/11;
}
footer * {
  color:#fff;
  line-height:1.5em;
}
footer h3 {
  font-weight:700;
}
footer hr {
  display:none;
}
footer a:hover span {
  color:#FF0043;
}

footer .fdiakonie {
margin-top:  2em;
}
/* FOOTER end */


/* Clever-Reach Anmeldung beginnt */


.cr-mail-responsive, .cr-mail-responsive * {
  box-sizing: unset;
}

.cr_site{
  margin:0;padding:75px 0 0 0;text-align:center;background-color:#eeeeee;
}

.cr_font{
  font-size: 1em;
}

.cr_page{
  width: 100% !important;max-width:640px}

.cr_body{
  border-radius:0px;line-height:150%;color:#000;
}

.cr_body h2, .cr_header h2{
  font-size:22px;line-height:28px;margin:0 0 10px 0;
}

.cr_body h1, .cr_header h2{
  font-size:28px;margin-bottom:15px;padding:0;margin-top:0;
}

.wrapper, .cr_page{
  margin:0 auto 10px auto;text-align:left;
}

.cr_header{
  text-align:center;background: transparent !Important;
}

.cr_header img {
  max-width: 100%;
}

.cr_body label, .cr_body .label{
  float:none;clear:both;display:inline-block;width:auto;margin-top:8px;text-align:left;font-weight:bold;position:relative;
}

.cr_body .no-label{
  font-weight: normal;
}

.cr_body #editable_content{
  padding:20px;
}

.editable-content {
  padding:20px}

.cr_button{
  display: inline-block;
  font-family: inherit;
  width: auto;
  white-space: nowrap;
  height: 2em;
  margin: 1em;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  font-style: normal;
  font-size: 1em;
  line-height: 0;
  cursor: pointer;
  border: 0;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  vertical-align: top;
  padding: 1em;
}

.cr_button{
  background-color:#333;color:#ffffff;
}

.cr_button:hover,.cr_button-small:hover{
  opacity:0.7;filter:alpha(opacity=70);
}

.powered{
  padding:20px 0;width:560px;margin:0 auto;
}

.cr_ipe_item label{
  line-height:150%;font-size:14px;
}

.cr_ipe_item textarea{
  background: none repeat scroll 0 0 #ffffff;border-radius:3px;border: 1px solid #ccc;font-family: Helvetica;font-size: 16px;
}

.cr_ipe_item input{
  background: none repeat scroll 0 0 #ffffff;border-radius:3px;border: 1px solid #ccc;padding: 12px;font-family: Helvetica;font-size: 16px;
}

.cr_ipe_item select{
  background: none repeat scroll 0 0 #ffffff;border-radius:3px;border: 1px solid #ccc;padding: 12px !Important;display: block;margin: 0;padding: 5px;width: 100%;font-family: Helvetica;font-size: 16px;
}

.cr_ipe_item input.cr_ipe_radio, input.cr_ipe_checkbox{
  -moz-binding: none;-moz-box-sizing: border-box;background-color: -moz-field !important;border: 2px inset ThreeDFace !important;color: -moz-fieldtext !important;cursor: default;height: 13px;padding: 0 !important;width: 13px;
}

.cr_ipe_item input.cr_ipe_radio{
  -moz-appearance: radio;border-radius: 100% 100% 100% 100% !important;margin: 3px 3px 0 5px;
}

.cr_ipe_item{
  margin: 0px 10px; padding: 0px 10px;
}

.submit_container{
  text-align:center}

.cr_ipe_item.inactive{
  display:none;
}

.imprint{
  font-size:0.8em;
}

.cr_captcha{
  padding-left:130px;
}

.cr_error{
  font-size:1.1em;padding:10px;
}

.clever_form_error{
  background-color:#f99; color:#000; border:1px solid #f22 !important}

.clever_form_note {
  margin:26px 0 0 3px;position:absolute;display:inline; padding: 2px 4px; font-weight:bold;background-color:#f2ecb5; color:#000; font-size:12px !important;  }

.cr_form-flex{
  display: flex;
}

.cr_form-flex>.cr_form-inputgroup{
  flex-grow:1;margin-right: 5px;
}

.cr_form-flex>.cr_form-inputgroup:last-child{
  margin-right: 0px;
}

.cr_form-flex input{
  width:100%;
}


.cr_site {
  background-color:#eee;
}

.cr_header {
  color:#000000;
}

.cr_body {
  background-color:#ffffff;font-size:12px;color:#000000;
}

.cr_hr {
  background-color:#ccc;
}

.cr_site a {
  color:#0084ff;
}

.imprint{
  color:#000;
}



.cr_site {
  background-color:#ffffff;
}

.cr_body {
  color:#333333;
  background-color:#ffffff;
  border: 1px solid #000;
}

.cr_header {
  color:#ffffff;
}

.cr_hr {
  background-color:#ccc;
}

.cr_site a {
  color:#0084ff;
}

.imprint {
  color:#000000;
}

.cr_page {
  width:auto;max-width:40em;
}

.cr_font {
  font-size:16px;color:#000000;
}

.cr_button {
  background-color:#df2b5c;
}
.g-recaptcha {
  
  display:flex;
  justify-content: center;
  
}
form .badge {
  display: flex;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #777;
  border-radius: 10px;
  justify-content: center;
}
/*  Ende */


/* BU Styles */
.ce-gallery figcaption {
    display: table-caption;
    caption-side: bottom;
    background: #66728b;
    padding: 1em;
    color: #fff;
}



/* Angebote home */

.angebote-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 2rem;
}
body.pf1 .prefooter,body.pf2 .prefooter,body.pf3 .prefooter,body.pf4 .prefooter {
  grid-template-columns: repeat(3, 1fr);
}
.angebote-container-2-col {
  display: grid;
  grid-template-columns: repeat(2, 2fr);
  grid-gap: 2rem;
}
.angebote-container > div {
  
  margin: 0 !important;
  padding:0 !important;
  
}
.angebote-container h3{
  margin: 0;
  padding:0 ;
  display: flex;
  align-items:stretch;
  background-color:#8D036B;
  
}
.angebote-container > div:last-child{
  
}
.angeb-btn a{
  background: #8D036B;
  width: 100%;
  line-height: 2.5rem;
  display: block;
  color: #fff;
  padding: 2rem;
  font-weight: 600;
  font-size: 2rem;
}
.angeb-btn a:hover{
  color: #FF0043;
  background: #f4f4f4;
}

/* News */
.teaser-text {
  margin: 0;
  width: 70%;
  float: left;
  color:#000 !important;
}
.teaser-text > div {
  position: relative;
}

.news .article {
  padding-bottom: 2em;
  margin-bottom: 2em;
  border-bottom: 1px solid #f4f4f4;
}
.news .article:last-child {
  border-bottom: 0;
}
.news .article .news-img-wrap {
  float: left;
  margin: 0;
  background: #fff;
  width: 300px;
  margin-right: 1em;
}
.news .article .news-img-wrap img {
  float: left;
  max-width: 100%;
  min-width: 150px;
  /*margin-right:1em;*/
}
.news .article .news-img-wrap a {
  display: block;
  float: none;
  padding: 4px;
  border: none;
  background: #fff;
}

.news .footer {
  
  display: none;
}
.more {
  text-align: center;
  position: relative;
}
.teaser-text button a{
  background: #FF0043;
  width: 18rem;
  line-height: 0em;
  display: inline;
  color: #fff;
  padding: 1rem 4rem;
  font-weight: 600;
  font-size: 2rem;
}
.teaser-text button a:hover{
  color: #FF0043;
  background: #f4f4f4;
}
/* News Single Start */
.news-single .teaser-text {
  float:none;
  
}


/* News Suche und Ergebnisse */
.news-search-result .count-msg {
  margin-bottom: 16px;
}
.news-search-result .article::after {
  display: inline;
  clear:none !important;
}
.news-search-result a.more {
  float:none;
}

/* eine Klasse für die Steuerung der ul li Kategorieansicht im News-Modul */
.frame-space-before-extra-small ul {
  margin: 0;
  padding: 0;
}

.frame-space-before-extra-small .news ul li {
  margin: 8px 4px;
}
.frame-space-before-extra-small .news ul li:last-child {
  
}
.frame-space-before-extra-small .news ul li a {
  padding: 8px;
  background: #FF0043;
  margin: 0 0 0px 0;
  color: #fff;
}

.frame-space-before-extra-small .news ul li a.active {
  background: #818ca4;
}
.frame-space-before-extra-small .news ul li a:hover {
  background: #818ca4;
}

.news-search-form .form-group {
  display: none;
}

.news-search-form div:nth-child(1) {
  display: block;
}

#c359 ul li::before {
  content: "";
}

#c359 ul {
  display:flex;
  flex-wrap: wrap;
}
div#c359 {
  margin-top:0;
  margin-bottom: 0;
}
#c369 p {
  margin:0;
}


.frame-layout-3 .news article{
  background:#f4f4f4;
  padding: 0.5em !important;
  
  
}
.frame-layout-3 .news article h2{
  color:#000;
  
}
.frame-layout-3 .news article .teaser-text button  {
  margin-top:2em;
}
/* News ende */



/* Accordion Start */

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #fff;
  cursor: pointer;
  width: 100%;
  transition: 0.01s;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 5px dotted;
  
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  /*background-color: #fff;*/
}
button.accordion::after {
  content: '\002B';
  color: #000;
  font-weight: bold;
  float: right;
  margin-left: 5px;
  font-size: 2.5em;
}
button.accordion.active::after {
  content: "\2212";
}
button.accordion.active {
  /*background-color:#fff;*/
  margin-bottom: 2em;
}
/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
} 
.panel article{
  display: flex;
  flex-wrap:wrap;
}
.panel article figure{
  margin-right:2em;
}
/* Accordion Ende */



/* Powermail Start */

.powermail_fieldwrap_type_input{
  margin-bottom: 16px;
}
.powermail_fieldwrap_type_select {
  margin-bottom: 16px;
}

.powermail_label {
  /*  display: none; erstmal ausblenden*/
  background: #66728b;
  width: 280px;
  margin: 0;
  padding: 6px 0px 6px 8px;
  font-size: 16px;
  font-weight: 300;
  color: #fff;
}

.powermail_input {
  width: 100%;
  border: 2px solid #66728b;
  padding: 6px;
  border-radius: 0px;
  box-shadow:inset 0 4px 5px 0 #ccc;
  -webkit-box-shadow:inset 0 4px 5px 0 #ccc;
  -moz-box-shadow:inset 0 4px 5px 0 #ccc;
}

.powermail_legend {
  display:none;
}
.powermail_select {
  width: 100%;
  border: 2px solid #66728b;
  padding: 6px;
  border-radius: 0px;
  box-shadow:inset 0 4px 5px 0 #ccc;
  -webkit-box-shadow:inset 0 4px 5px 0 #ccc;
  -moz-box-shadow:inset 0 4px 5px 0 #ccc;
  background: url("/fileadmin/files/dropdown-pfeil.png") no-repeat right 2px;
  background-size: 42px;
}


.powermail_submit {
  margin-top: 32px;
  text-align: center;
  float: right;
  background: #e97809;
  padding: 8px;
  border: none;
  width: 200px;
  color: #fff;
  font-weight: 600;
}
.tx-powermail h3 {
  display:none;
}
.parsley-required, .parsley-custom-error-message {
  color:red;
}

.powermail_fieldwrap_spamschutz .powermail_label {
  display:none;
}

.powermail_captcha {
  padding: 6px;
  border: 2px solid #66728b;
  margin-top: 8px;
}
.powermail_captchaimage{
  height: 40px;
  margin-top: -5px;
  max-width: 200px;
}






/* hmenu css */

.navbar-toggle {
  
}
.navbar-toggle {
  position: relative;
  float: left;
  padding: 9px 9px;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  background-color: transparent;
  background-image: none;
  border: none;
  border-radius: 0px;
  margin-left: 8px;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 30px;
  height: 5px;
  border-radius: 1px;
}


.navbar-collapse li {
  
}


.dropdown-menu > li > a {
  display: block;
  padding: 0.5em;
  clear: both;
  /* font-weight: 400; */
  line-height: 1.42857143;
  color: #000;
  white-space: nowrap
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a {
  box-shadow: none;
  background-image: none;
}
#navbar {
  position: absolute;
  z-index: 1000;
  background-color: #FF0043;
  width: 100%;
  left:0px;

}

#navbar li {
  font-size:1.5rem;
}
li .dropdown .open a{
  background:#fff;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  background:initial;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #000;
  background-color: #fff;
}

.navbar-nav > li > a {
  text-shadow: none;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  background-color: #fff;
  background-image: none;
  color:#E59D00;
}
.dropdown-toggle + ul{
  
}


.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 5px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  transform: rotate(-90deg);
}
li.open .caret{
  transform: rotate(0deg);
}


/* shrinked header on scroll */
body.shrinked .grid-sec-nav  {
    font-size: 1.4rem!important;
    line-height: 1.4rem!important;
	min-height:30px;
}
body.shrinked  .logo-box a {
    height: 40px;
    width: 211px;
    background-size: 211px 40px;
}
body.shrinked  .logo-box {
    padding-top: 15px!important;
    padding-bottom: 15px!important;
}
body.shrinked  .heroslider {
    mmargin-top: -101px;
}

body.shrinked  button.spenden a {
    padding: 0.4em!important;
	min-height:32px;
}






/* Media Queries mit Break points für Responsive Design */
@media screen and (max-width: 1100px) {
ul.flex {
  justify-content:flex-start;
  flex-direction: column;
}
.ce-bodytext {
  max-width:100%;
}
.ce-right .ce-gallery, .ce-left .ce-gallery, .ce-column {
  float: none;
}
div.fr-box {
  grid-column: 2/6;
  padding-left: 10%;
}


main.main-2col > section {
  
  display:grid;
  grid-template-columns: 4fr minmax(300px, 1fr);
  grid-template-rows:auto;
  
}
article.col-l {
  grid-column: 1/3;
  margin-right:0;
}
aside.col-r {
  grid-column: 1/3;
  margin-top: 4em;
}
body.pf1 .prefooter,body.pf2 .prefooter,body.pf3 .prefooter,body.pf4 .prefooter,.prefooter {
  grid-template-columns: repeat(2, 1fr);
}

}



@media screen and (max-width: 825px) {
	
header h3,header h2, h1,h2,h3 {
    font-size: 1.6em;
}

div.such-box {
  display:none;
}
button.btn-sw-av {
  grid-column: 11/13;
}
.angebote-container {
  grid-template-columns: repeat(2, 1fr);
}
body.pf1 .prefooter,body.pf2 .prefooter,body.pf3 .prefooter,body.pf4 .prefooter {
  grid-template-columns: repeat(2, 1fr);
}
/* Newsbilder verstecken */
.news .article .news-img-wrap {
  /*display: none;*/
  
}

.news-text-wrap {
  clear: both;
}
.teaser-text {
  width: 100%;
}
div.fl-box {
    grid-column: 2/11;
    padding-left: 0;
}

div.fr-box {
    grid-column: 2/11;
    padding-left: 0;
}

#navbar {
    left: 15px;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    /* color: #fff; */
}

}




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

header h3,header h2, h1,h2,h3 {
    font-size: 1.3em;
}

.spenden > a {
  padding: 2em;
  width: 4.5em;
}
a .heart-box {
  
  right: 1.3em;
}
span.d-inline-block,.enlarge-text,.breadcrumb-box {
  display:none;
}
.angebote-container {
  grid-template-columns: 1fr;
}


}


@media (max-width: 767px)
.navbar .navbar-nav .open .dropdown-menu>.active>a, .navbar .navbar-nav .open .dropdown-menu> li > a:hover,  .navbar .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar .navbar-nav .open .dropdown-menu>.active>a:focus {
    color: #FF0043;
  background-color:#fff;
  background-image:none;
}