:root {
  --prim: #2babb6; /* tuerkis - wie z.B. footer */
  --bgprim: #bbe0e6;  /* helltuerkis */
  
  --primdark: #21828a; /* dunkelgrau */
  --primlight: rgb(221, 239, 243);  /* hellgrau */
  --impulsbg: rgba(176, 202, 208, 0.55);  /* hellgrau */
  --hovercolor: rgb(178 192 196);
    
	--color-1: rgb(253, 195, 0);
	--color-2: rgb(249, 147, 51);
	--color-3: rgb(233, 78, 27);
	--color-4: rgb(164, 51, 108);
	--color-5: rgb(26, 130, 174);
	--color-6: rgb(0, 137, 109);
	--color-7: rgb(118, 184, 42); 
	
	--color-1a: rgba(253, 195, 0, 0.2);
	--color-2a: rgba(249, 147, 51, 0.2);
	--color-3a: rgba(233, 78, 27, 0.2);
	--color-4a: rgba(164, 51, 108, 0.2);
	--color-5a: rgba(26, 130, 174, 0.2);
	--color-6a: rgba(0, 137, 109, 0.2);
	--color-7a: rgba(118, 184, 42, 0.2); 
--pink: #d50e3a;
--newbg: rgb(0, 161, 154);

}

html { scroll-behavior: smooth; }

body { 
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight:500;
line-height: 22px;
position:relative; /* wegen scrollspy */
 }
body.impulse { background-color: var(--impulsbg); }
body.impulse .container {
    max-width: 980px;
    margin: 0px auto;
    padding: 15px 15px;
}

body.impulse section.brief7wo, 
body.impulse section.impuls {
    background: #FFF;
    border-radius: 10px;
    padding: 15px 15px 15px 15px;
    margin-top: 20px;
    margin-bottom: 50px;
width:100%;
}
body.article-153.impulse section.brief7wo {margin-bottom: 10px;}
#header { display:block;min-height:120px;background-color:#FFF; }
body.article-1 #header { background-color:transparent; }
body.article-170 #header { background-color:transparent; }
body.article-172 #header { background-color:transparent; }
.h-auto { min-height: 84vH; }
.accordion-body { position:relative; }
.block { display:inline-block; width: 100%; }
.absolute {position:absolute;top:30px;right:30px;z-index:1030}
.min-vh-20 {min-height:3em!important;margin-bottom:30px;}
#footer.container-fluid { padding-top:30px; border-top: 15px solid var(--prim); }
#footer.container-fluid .col-3 { width: 50%; }
footer .col.small { max-width:150px; }
footer img { display:block; max-height:80px; max-width:80%; margin:0 auto 10px auto;}
footer img.akf { margin:0 0px 10px 0; text-align:left;}

footer { background-color:#FFF; padding:0 0 0 0;font-size: 13px;line-height: 20px; }
footer.bg-color .copyright { background-color:var(--primdark); padding:1.2rem 0; color:#FFF;font-size: 13px;line-height: 20px; }
footer .copyright ul li, footer .copyright ul li a { font-size: 13px;line-height: 20px; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {line-height: 1.2;font-weight: 500;}
h1 { font-family:'Botanica','Abel', sans-serif; font-weight:300; margin:10px 0 20px 0; }
h1 { font-size:2.6em; color:var(--primdark); text-transform:uppercase; letter-spacing:1px;}
h2 { font-size:1.8em; color:var(--primdark); }
h3 { font-size:1.4em; color:var(--primdark); margin:1em 0 0.7em 0; }
h4 { font-size:1.25em; color:var(--primdark); margin:1em 0 0.7em 0; }
h1 span.bigseven { font-size:170%; }
.archiv h3, .rahmen h3 { margin:0em 0 0.7em 0; } 
.archiv .row { margin-bottom:20px; }
#landing h2 {font-size: 20px;font-weight: 500;font-family: 'Special light',sans-serif;}
#landing h2.h1, h3.title { color: var(--primdark);font-size: 1.8em;font-family: 'Botanica','Abel', sans-serif;}
#bisherige h3 { margin-top:30px; color: var(--primdark);}
#bisherige h2 { color:#FFF; }
#cards .last h3.title {color:var(--pink); }
.accordion-item .block h3, .accordion-item .rahmen h3, .impuls .rahmen h3 { line-height: 1.3; text-align:center; }

.bg-coloured { background-color: var(--bgprim); padding-bottom:30px; }
.bg-coloured2 { background-color: var(--primlight); padding-bottom:30px; }
.bg-coloured2 h2 { color:var(--primdark) !important; margin-top:30px; }
.py-big { padding-top: 5.5em; padding-bottom: 5em; }
.bg-coloured h3, .bg-coloured a { color:var(--primdark); }
.bg-smart { background-color: #EBEBEB; padding-bottom:20px;padding-top:20px;  }
.text-big { color:var(--prim); font-family:'Botanica','Abel', sans-serif; font-weight:300; color:#FFF; font-size: 1.4em; }
.text-white, .text-white h2 { color: #FFF; }
.lead { font-size: 1.2125rem; line-height:1.8rem; }
.shape-container .container { padding-top: 2rem; padding-bottom:3rem; }

body.article-1 .accordion-item:first-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
body.article-1 .accordion { --bs-accordion-inner-border-radius: 0rem; }

img { max-width:100%; }
.accordion-body img { margin-bottom:15px; }
img.bildrechts { max-width:400px; float:right; margin-left:20px; margin-bottom:10px; margin-top:6px; }
img.bildlinks { max-width:400px; float:left; margin-right:20px; margin-bottom:10px; margin-top:6px;}
img.bildlinks.w-200 { max-width:200px;display:inline; }
img.bildlinks.w-120 { max-width:120px;display:inline; }
img.bildrechts.w-200 { max-width:200px;display:inline; }
img.bildrechts.w-120 { max-width:120px;display:inline; }
img.bildlinks.w-30 { max-width:50px;display:inline; cursor:pointer; }
img.bildrechts.w-30 { max-width:50px;display:inline; cursor:pointer;float:right; }
.rahmenaudio { border: 1px solid #888; padding:10px 10px 3px 15px; margin:10px 10px;  }
.img-fluid.rounded-3 { max-width:180px;}
.w-full { width:100%; }

.video-container {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
}

.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


#cards .last .btn-primary { color: #fff;background-color: var(--pink);border-color: var(--pink); margin-right:15px; }
#cards .last .btn-primary:hover { background-color:var(--primlight); border-color: var(--pink);color: var(--pink); }

.link-pointer {
border-radius: 0.25rem;
padding-left: 0.7rem; 
margin-bottom: 6px;
color: var(--prim);
background-color: rgb(221, 239, 243);
border-color: rgb(221, 239, 243); 
}


/* Buttons */

.btn.btn-primary { margin-top:20px; margin-bottom:20px; }
.btn-download {
color: var(--primdark);
border-color:  var(--primdark);
}
.btn-download:hover,.btn-download:focus {
border-color: var(--prim);
}
.btn-sm {
padding: 0.5rem 0.7rem;
border-radius: 0.25rem;
display:inline-block;
}
.btn-primary { color: #fff;background-color: var(--primdark);border-color: var(--primdark); margin-right:15px; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    color: var(--primdark);background-color: transparent;border-color: var(--primdark);}
    
button[type="reset"] { background-color:var(--primlight);color: var(--primdark); }
.btn:hover, .btn-sm:hover { background-color:var(--primlight); border-color: var(--primdark);color: var(--primdark); }
.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
    color: var(--primdark);
    background-color: var(--primlight);
    border-color: var(--prim);
}


.dropdown-menu.dropdown-card { padding:20px; }


a { color: var(--prim); }
a:hover, a:focus {color: var(--prim);}
section.impuls a { font-weight:700; }
section.impuls a:hover { color: var(--hovercolor) !important; }
iframe { max-width:100%; }
.rahmen.textbigger { padding:40px 0 30px 0;}
.textbigger p {font-size: 1.2rem;}
p.autor, p.author, p.bu, p.quelle { font-size:0.7rem; font-style:italic; text-align:right; color:#999; }
.rahmen { border: 1px solid #888; padding:10px 20px; margin:20px 10px;  }
.text-right { text-align: right !important; }
.text-white { color: #FFF !important; }
.bu-red, #output {color: #be1622;font-size: 0.8rem;line-height: 1.4;}
.bgtuerkis { background-color: var(--prim); }
.ueberlappend { position:relative;width:100%;height:900px;}
.ueberlinks { position:absolute;display:inline;top:80px;width:55%;background-color:rgba(251,222,236,0.5);padding:20px;text-align:left;z-index:100;}
.ueberrechts { position:absolute;display:inline;top:480px;display:block;right:0;width:50%;background-color:rgba(251,222,236,0.5);padding:20px;text-align:right;z-index:200;}
.ueberlinks2 { position:absolute;display:inline;bottom:0px;width:55%;background-color:rgba(251,222,236,0.5);padding:20px;text-align:left;z-index:300;}
.ueberrechts2 { position:absolute;top:0px;width:30px;display:block;right:0;width:50%;text-align:right;z-index:80;}
.alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #CC0000;
}

.videowrapper {
    width: 560px;
    margin: 30px auto 10px auto;
    max-width: 100%;
    padding-bottom: 15px;
    position: relative;
}

.card-image { margin-bottom:1.5rem; }
.card-body { width: 100%; }
.card-body .dropdown-menu.show { display: block;width:100%; }
.card-body .list-inline-item { margin:4px;
}

/* listen */

.inhalt ul {
    list-style: none;
    margin-left:0px;
    margin-right: 24px;
    margin-top:-5px;
    margin-bottom:26px;
    padding-left: 1.5em;
    text-indent: -1.4em;
}

.inhalt ul > li {
    list-style: none;
    margin: 0 0 6px 0;
    padding: 0px 0 0px 14px;
}
.inhalt ul > li a {
color:#3c5d70;
} 
  
.inhalt ul > li::before {
  font: normal normal normal 28px/26px "Font Awesome 6 Free";
  content: "\007C";
  position: relative;
  top: 6px;
  color: var(--primdark);
  padding-right: 7px;
  margin-left: -14px;
color: var(--prim); 
}

.inhalt #archiv23 ul > li { margin: 0 0 2px 0; }
.inhalt #archiv23 ul > li::before {
font: normal normal normal 24px/1 "Font Awesome 6 Free";
content: "\f816"; 
padding-right: 0.8rem;
margin-left: -17px;
}

.inhalt .accordion-body ul > li::before {
content:"";
  -webkit-mask-image: url('../../media/wolkenherz.svg');
  mask-image: url('../../media/wolkenherz.svg');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  display:inline;
  top: 10px;
  width:50px;
  height:30px;
  background-color:blue;
  padding-right:40px;
  margin-left: -20px;
}



section#impulse h2  { color:#FFF;}
section#info { padding-bottom:40px;}
section.footer { padding-top:30px; }
section.impuls { padding: 3em 0; }
section#familien { padding: 30px 0; background-color:var(--primlight); }
section#formularsection { padding: 40px 0; background-color:#EBEBEB; } 

section.bglight { background-color:rgb(221, 239, 243); }
.accordion-collapse { background-color: #FFF; }
.accordion-button { padding: 1rem 1rem 1rem 1rem; }
.accordion-button:not(.collapsed) { font-weight:300; }

.accordion-button, .accordion-button:not(.collapsed) {
background-color: var(--prim);
color: #FFF;
cursor: pointer;
font-size: 1rem;
font-weight: 500;
padding: 0.6rem 1rem 0.5rem 1rem;
}

.accordion-button:hover { color: var(--primlight); }

/* theme-korrektur, button nach rechts */

.accordion {
  --bs-accordion-color:#212529;
  --bs-accordion-bg:#fff;
  --bs-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
  --bs-accordion-border-color:var(--bs-border-color);
  --bs-accordion-border-width:1px;
  --bs-accordion-border-radius:0.375rem;
  --bs-accordion-inner-border-radius:calc(0.375rem - 1px);
  --bs-accordion-btn-padding-x:1.25rem;
  --bs-accordion-btn-padding-y:1rem;
  --bs-accordion-btn-color:#212529;
  --bs-accordion-btn-bg:var(--bs-accordion-bg);
  --bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width:1.55rem;
  --bs-accordion-btn-icon-transform:rotate(-180deg);
  --bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color:#86b7fe;
  --bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x:1.25rem;
  --bs-accordion-body-padding-y:1rem;
  --bs-accordion-active-color:#0c63e4;
  --bs-accordion-active-bg:#e7f1ff
}

.accordion-button::before{display:none}
.accordion-button::after{display:block}
.accordion-button:not(.collapsed)::after {
  background-image:var(--bs-accordion-btn-icon);
  transform:var(--bs-accordion-btn-icon-transform)
}
.accordion-button::after {
  flex-shrink:0;
  width:var(--bs-accordion-btn-icon-width);
  height:var(--bs-accordion-btn-icon-width);
  margin-left:auto;
  content:"";
  background-image:var(--bs-accordion-btn-active-icon);
  background-repeat:no-repeat;
  background-size:var(--bs-accordion-btn-icon-width);
  transition:var(--bs-accordion-btn-icon-transition)
}



.accordion.home .accordion-button:not(.collapsed)::before,
.accordion.home .accordion-button::before { display:none;}
.accordion.home .accordion-button,
.accordion.home .accordion-body { padding-left: 1.5rem; }

.accordion-button a:hover { color:#FFF; }
section.farbe1 .accordion-button, section.farbe1 .accordion-button:not(.collapsed),
.inhalt .farbe1 .accordion-body ul > li::before { background-color:var(--color-1); }
section.farbe1 .accordion-button a { color:#FFF; }
section.farbe2 .accordion-button, section.farbe2 .accordion-button:not(.collapsed),
.inhalt .farbe2 .accordion-body ul > li::before { background-color:var(--color-2); }
section.farbe3 .accordion-button, section.farbe3 .accordion-button:not(.collapsed),
.inhalt .farbe3 .accordion-body ul > li::before { background-color:var(--color-3); }
section.farbe4 .accordion-button, section.farbe4 .accordion-button:not(.collapsed),
.inhalt .farbe4 .accordion-body ul > li::before { background-color:var(--color-4); }
section.farbe5 .accordion-button, section.farbe5 .accordion-button:not(.collapsed),
.inhalt .farbe5 .accordion-body ul > li::before { background-color:var(--color-5); }
section.farbe6 .accordion-button, section.farbe6 .accordion-button:not(.collapsed),
.inhalt .farbe6 .accordion-body ul > li::before { background-color:var(--color-6); }
section.farbe7 .accordion-button, section.farbe7 .accordion-button:not(.collapsed),
.inhalt .farbe7 .accordion-body ul > li::before { background-color:var(--color-7); }

.rahmen.farbe1 { border-color:var(--color-1) !important; }
.inhalt section.farbe1 .accordion-body a, .inhalt section.farbe1 ul > li::before,
section.farbe1 h1, section.farbe1 h2, section.farbe1 h3, section.farbe1 a { color:var(--color-1); } 
.bg1 { background-color: var(--color-1a); padding-top:20px; }
.bg1 * { color: var(--color-1); } .bg1 p, .bg1 li { color: #2d374b; }
section.farbe1 a.accordion-button { color:#FFF !important; }

.rahmen.farbe2 { border-color:var(--color-2) !important; }
section.farbe2 .accordion-body a, .inhalt section.farbe2 ul > li::before,
section.farbe2 h1, section.farbe2 h2, section.farbe2 h3, section.farbe2 a { color:var(--color-2); } 
.bg2 { background-color: var(--color-2a); padding-top:20px; }
.bg2 * { color: var(--color-2); } .bg2 p, .bg2 li { color: #2d374b; }
section.farbe2 a.accordion-button { color:#FFF !important; }

.rahmen.farbe3 { border-color:var(--color-3) !important; }
section.farbe3 .accordion-body a, .inhalt section.farbe3 ul > li::before,
section.farbe3 h1, section.farbe3 h2, section.farbe3 h3, section.farbe3 a { color:var(--color-3); } 
.bg3 { background-color: var(--color-3a); padding-top:20px; color:#FFF; }
.bg3 * { color: var(--color-3); } .bg3 p, .bg3 li { color: #2d374b; }
section.farbe3 a.accordion-button { color:#FFF !important; }

.rahmen.farbe4 { border-color:var(--color-4) !important; }
section.farbe4 .accordion-body a, .inhalt section.farbe4 ul > li::before,
section.farbe4 h1, section.farbe4 h2, section.farbe4 h3, section.farbe4 a { color:var(--color-4); } 
.bg4 { background-color: var(--color-4a); color:#FFF; padding-top:20px; }
.bg4 * { color: var(--color-4); } .bg4 p, .bg4 li { color: #2d374b; }
section.farbe4 a.accordion-button { color:#FFF !important; }

.rahmen.farbe5 { border-color:var(--color-5) !important; }
section.farbe5 .accordion-body a, .inhalt section.farbe5 ul > li::before,
section.farbe5 h1, section.farbe5 h2, section.farbe5 h3, section.farbe5 a { color:var(--color-5); } 
.bg5 { background-color: var(--color-5a); padding-top:20px; }
.bg5 * { color: var(--color-5); } .bg5 p, .bg5 li { color: #2d374b; }
section.farbe5 a.accordion-button { color:#FFF !important; }

.rahmen.farbe6 { border-color:var(--color-6) !important; }
section.farbe6 .accordion-body a, .inhalt section.farbe6 ul > li::before,
section.farbe6 h1, section.farbe6 h2, section.farbe6 h3, section.farbe6 a { color:var(--color-6); } 
.bg6 { background-color: var(--color-6a); padding-top:20px; }
.bg6 * { color: var(--color-6); } .bg6 p, .bg6 li { color: #2d374b; }
section.farbe6 a.accordion-button { color:#FFF !important; }

.rahmen.farbe7 { border-color:var(--color-7) !important; }
section.farbe7 .accordion-body a, .inhalt section.farbe7 ul > li::before,
section.farbe7 h1, section.farbe7 h2, section.farbe7 h3, section.farbe7 a { color:var(--color-7); } 
.bg7 { background-color: var(--color-7a); padding-top:20px; }
.bg7 * { color: var(--color-7); } .bg7 p, .bg7 li { color: #2d374b; }
section.farbe7 a.accordion-button { color:#FFF !important; }

.audiobut svg { fill: rgb(253, 195, 0); }

audio {
border:5px solid lightsalmon;
width: 200px;
height: 35px;
border-radius:5px;
}

body.impulse div.logo img {
  position: absolute;
  width: 140px;
  height: auto;
padding-bottom:20px;
}
.hero .logo img { max-width:90%; }
.titleblock h3 { color:grey !important; text-align:right; font-size:14px;margin: 0.5em 0 0.7em 0;  }



/* *******************
Formular
*********************** */

.form-group { width:99%; margin-right:0%; float:left;  margin-bottom:15px; }
#yform-bestellform-erstesmal { width:100%;margin-right:0%; float:none;  margin-bottom:15px;  }
.btn-group { display:flex; width:100%; }
.radio-group { width:100%; float:none; padding-top:10px; }
#yform-bestellform-adresse { width: 75%; margin-right:4%; float:left; }
#yform-bestellform-hausnr { width: 20%; margin-right:0%; }
#yform-bestellform-plz { width: 25%; margin-right:4%; float:left;}
#yform-bestellform-ort { width: 70%; margin-right:0%; }
#yform-bestellform-org { width: 100%; }
#yform-hzform-xmail.form-group { margin-bottom:0px !important; }

.radio { padding-right: 20px; padding-left: 0px; }
.checkbox label { margin-left: 29px; display:inline-block; }
.checkbox input[type="checkbox"] { margin: 0px 8px 0px -30px; width: 22px;height: 22px; }


.dropdown-toggle::after {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url("../img/caret-down-fill.svg");
background-position: 5px 4px;
background-repeat: no-repeat;
}

.accordion table > tbody > tr > td { width:50vH; }


.control-label {margin-bottom: .3rem;font-size: .875rem;font-weight: 700;}
.form-control { padding: .75rem 1.1rem;}

.form-check-group { margin-bottom:30px; }
.form-check-group .radio { float:left; }


#abfragecontainer { display:inline-block; margin-top:10px; width:99%; padding:20px; background-color: #D3ECF2; border:1px solid #fff;}
p.vortext, #yform-bestellform-erstesmal .control-label { font-size:0.9em; line-height:1.1rem;}
#yform-bestellform-erstesmal {padding-left:15px;}
#yform-bestellform-alter .control-label { font-weight:500;}

#yform-bestellform-versandart.form-check-group input[type="radio"], 
#yform-bestellform-versandart.form-check-group .control-label { display: none; }
#yform-bestellform-versandart.form-check-group .radio label {
  display: inline-block;
  background-color: #FFF;
  padding: 20px 20px;
  font-size: 1.2rem;
  cursor: pointer;
border: 1px solid #ccc;
border-radius: 4px;
}
#yform-bestellform-versandart.form-check-group .radio label:hover, 
#yform-bestellform-versandart.form-check-group .radio.on label,
#yform-bestellform-versandart.form-check-group .radio label.selected,
#yform-bestellform-versandart.form-check-group .radio label.aktiv {
  background-color: var(--prim);
  color: #FFF;
border-color: #ccc;
}
#yform-bestellform-versandart.form-check-group input[type="radio"]:checked + label {
  color: #CC0000;
  background-color: var(--prim) !important;
  font-style: normal;
}
#yform-bestellform-erstesmal.form-check-group input[type="radio"] {
  -webkit-appearance: checkbox; /* Chrome, Safari, Opera */
  -moz-appearance: checkbox;    /* Firefox */
  -ms-appearance: checkbox;     /* not currently supported */
}

#yform-bestellform-bistum { display:block; width:100%; margin-bottom: 10px;  }
#yform-bestellform-datenschutz { display:block; width:100%; margin-top: 10px; margin-bottom:10px; }

#yform-bestellform-erstesmal label{
     display: block;
      margin-bottom: 10px;
      clear:left;
  }

#yform-bestellform-erstesmal.form-check-group input[type="radio"] {
    appearance: none;
    background-color: #fff;
margin: 0px 8px 0px 0px;
  width: 22px;
  height: 22px;
    border: 2px solid #888;
    border-radius: 2px;
    display: inline-grid;
    place-content: center; 
  }

#yform-bestellform-erstesmal.form-check-group input[type="radio"]::before {
    content: "";
    width: 14px;
    height: 14px;
    transform: scale(0);
    transform-origin: bottom left;
    background-color: #fff;
clip-path: polygon(15.43% 45.07%, 38.75% 65%, 83.95% 5.6%, 100% 18.01%, 44.34% 93.9%, 3.52% 59.01%);
}

#yform-bestellform-erstesmal.form-check-group input[type="radio"]:checked::before {
    transform: scale(1);
}
#yform-bestellform-erstesmal.form-check-group input[type="radio"]:checked{
    background-color:   #F26D17;
    border: 2px solid #F26D17;
}
#yform-bestellform-erstesmal .control-label {font-weight: 500;}




#yform-bestellform-datenschutz { display:inline-block;min-height:30px; }
#appendix { display:inline-block;height:auto;margin-bottom:30px; }
#yform-bestellform-telefon { display: none; }
#yform-bestellform-quelle { display:inline-block;margin-top:30px;}

.iti {
    position: relative;
    display: inline-block;
    width:100%;
}
#yform-bestellform-quelle.form-group { height:60px; }
#yform-bestellform-quelle { position:relative; }
#yform-bestellform-quelle::before {
position:absolute; right:14px; top:18px;
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#yform-bestellform-quelle::before { content: "\f282"; }

#yform-hzform-betreff.form-group,
#yform-hzform-mitteilung.form-group { width:98%; margin-right:2%; float:none; }
#yform-hzform-field-13-senden { margin:20px 0; float:right; }
.inhalt form ul#iti-0__country-listbox { list-style:none; text-indent: 0em; }
.inhalt form ul#iti-0__country-listbox > li::before { content: ""; }

@media only screen and (min-width : 768px) {
/* ----- */

.form-group { width:48%; margin-right:2%; float:left;  margin-bottom:15px; }
#yform-bestellform-erstesmal { width:47%;margin-right:2%; float:left;  margin-bottom:15px;  }
.btn-group { display:flex; width:98%; }
.radio-group { width:98%; float:none; padding-top:10px; }
#yform-bestellform-bistum { display:block; width:98%; margin-bottom: 10px;  }
#yform-bestellform-adresse { width: 36%; margin-right:2%; }
#yform-bestellform-hausnr { width: 10%; margin-right:2%; }
#yform-bestellform-plz { width: 14%; margin-right:2%; }
#yform-bestellform-ort { width: 32%; margin-right:2%; }
#yform-bestellform-vorname  { width: 48%; margin-right:2%; }
#yform-bestellform-email  { width: 48%; margin-right:2%; }
#yform-bestellform-org { width: 63%; }


}

/* *******************************************************
Animierter Button aktueller Brief
******************************************************** */

.animbutton {
display: block;
position: absolute;
top: 0;
left: 3em;
text-align: center;
border-radius: 0.5rem;
}

.blob-btn {
  z-index: 1040;
  position: relative;
  padding: 10px 23px;
  margin-bottom: 30px;
  text-align: center;
  text-transform: uppercase;
  color: var(--prim);
  font-size: 16px;
  font-weight: bold;
  background-color: transparent;
  outline: none;
  border: none;
  transition: color 0.5s;
  cursor: pointer;
white-space: nowrap;
border-radius: 0.5rem;
}
.blob-btn:before {
  content: "";
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 2px solid var(--prim);
border-radius: 0.5rem;
}
.blob-btn:after {
  content: "";
  z-index: -2;
  position: absolute;
  left: 3px;
  top: 3px;
  width: 100%;
  height: 100%;
  transition: all 0.3s 0.2s;
border-radius: 0.5rem;
}
.blob-btn:hover {
  color: #FFFFFF;
border-radius: 0.5rem;
}
.blob-btn:hover:after {
  transition: all 0.3s;
  left: 0;
  top: 0;
border-radius: 0.5rem;
}
.blob-btn__inner {
  z-index: -1;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
border-radius: 0.5rem;
  background: #ffffff;
}
.blob-btn__blobs {
  position: relative;
  display: block;
  height: 100%;
  filter: url("#goo");
}
.blob-btn__blob {
  position: absolute;
  top: 2px;
  width: 25%;
  height: 100%;
  background: var(--prim);
  border-radius: 100%;
  transform: translate3d(0, 150%, 0) scale(1.7);
  transition: transform 0.45s;
}
@supports (filter: url("#goo")) {
  .blob-btn__blob {
    transform: translate3d(0, 150%, 0) scale(1.4);
  }
}
.blob-btn__blob:nth-child(1) {
  left: 0%;
  transition-delay: 0s;
}
.blob-btn__blob:nth-child(2) {
  left: 30%;
  transition-delay: 0.08s;
}
.blob-btn__blob:nth-child(3) {
  left: 60%;
  transition-delay: 0.16s;
}
.blob-btn__blob:nth-child(4) {
  left: 90%;
  transition-delay: 0.24s;
}
.blob-btn:hover .blob-btn__blob {
  transform: translateZ(0) scale(1.7);
}
@supports (filter: url("#goo")) {
  .blob-btn:hover .blob-btn__blob {
    transform: translateZ(0) scale(1.4);
  }
}

.bg-img-center { background-size:cover; }
.min-vh-lg-40 { min-height: 35vh; }










/* *******************************************************
Custom, iPhone Retina
******************************************************** */

@media only screen and (min-width : 320px) {  
/* ----- */

footer .copyright ul { margin-top:10px; }
.navcontainer { height:auto; min-height:70px;  }
.hamburger { margin-right:10px; }
body.impulse div.navicon { position:relative; }
body.impulse .hamburger { float:right; position:absolute; right:0; }

.accordion-body { padding: 15px 15px 15px 15px; }
section.brief7wo .rahmen { margin:5px 0px; display:inline-block; width:100%; padding-top:25px; }
section.impuls .rahmen { margin:5px 0px; display:inline-block;}

img.bildrechts { max-width:100%; float:none; margin-left:20px; margin-bottom:10px; margin-top:6px; }
img.bildlinks { max-width:100%; float:none; margin-right:20px; margin-bottom:10px; margin-top:6px;}
img.bildlinks.w-200 { max-width:200px;display:inline; display:block; margin:0 auto; }
img.bildlinks.w-120 { max-width:120px;display:inline; display:block; margin:0 auto;  }
img.bildlinks.w-80 { max-width:80px !important;display:inline;float:left !important; }
img.bildrechts.w-80 { max-width:80px !important;display:inline; float:right;}
img.bildrechts.w-200 { max-width:100%;display:inline; margin:0 auto; }
.impuls img.bildrechts.w-200 { max-width:200px;margin-bottom:20px; }
.accordion-body img.bildrechts.w-200 { display:block;max-width:200px;margin:0px auto 20px auto; }
.accordion-body .block { margin-bottom:20px; }
img.bildrechts.w-120 { max-width:120px;display:inline; display:block; margin:0 auto;  }
img.full-width { max-width:100% !important; margin-left: 0% !important; }
ul.global-menu__wrap > li {
justify-content: center !important;
display: flex !important;
align-items: center !important;
}
ul.global-menu__wrap > li.double { display:block !important; padding: 0 20px; }
ul.global-menu__wrap > li.double a { display:block; padding:14px 0 }
ul.global-menu__wrap > li.double a:first-of-type { border-bottom:2px solid white; padding-bottom: 10px; }
ul.global-menu__wrap > li.double a:last-of-type { padding-top: 10px; }
.hero .logo img { margin-top:20px; }

/* ----- */
}




/* *******************************************************
Extra Small Devices, Phones
******************************************************** */

@media only screen and (min-width : 480px) {
/* ----- */




/* ----- */
}


/* *******************************************************
Small devices (landscape phones, 576px and up)
******************************************************** */

@media only screen and (min-width: 576px) {
/* ----- */

.accordion-body { padding: 2rem 2rem 1.5rem 2rem; }
.accordion-body img { padding-bottom:1rem; }
img.bildrechts { max-width:400px; float:right; margin-left:20px !important; margin-bottom:10px; margin-top:6px; }
img.bildlinks { max-width:400px; float:left; margin-right:20px !important; margin-bottom:10px; margin-top:6px;}
img.bildlinks.w-200 { max-width:200px !important;display:inline; }
img.bildlinks.w-300 { max-width:300px !important;display:inline; }
img.bildlinks.w-80 { max-width:80px !important;display:inline; }
img.bildlinks.w-120 { max-width:120px !important;display:inline; }
img.bildrechts.w-200 { max-width:200px !important;display:inline; }
img.bildrechts.w-300 { max-width:300px !important;display:inline; }
img.bildrechts.w-120 { max-width:120px !important;display:inline; }
img.bildrechts.w-80 { max-width:80px !important;display:inline; }
ul.global-menu__wrap > li.double a { display:block; padding:15px 0 }
.hero .logo img { margin-top:0px; }
section.brief7wo .rahmen { margin:20px 0px; }
section.impuls .rahmen { margin:20px 0px;}
.accordion-item .block h3, .accordion-item .rahmen h3, .impuls .rahmen h3 { line-height: 1.3; margin: 1em 0; text-align:center; }

/* ----- */
}

 
 
/* *******************************************************
Medium devices (tablets, 768px and up)
******************************************************** */

@media only screen and (min-width : 768px) {
/* ----- */

footer .copyright ul { margin-top:0px; }
#footer.container-fluid .col-3 { width: 25%; }
ul.global-menu__wrap > li.double a:first-of-type { border-bottom:2px solid white; padding-bottom: 5px; }
ul.global-menu__wrap > li.double a:last-of-type { padding-top: 5px; }
.hero .logo img { margin-top:0px; }
.accordion-body img { max-width:60%; margin-left:20%; margin-top:2em; }
.accordion-body .rahmen img, 
.accordion-body img.bildlinks, 
.accordion-body img.bildrechts,
.accordion-body img.audiobut { max-width:40%; margin-left:0%; margin-right:0%; }
.accordion-body .video-container, iframe { display:block; margin:0; }


.video-container {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
}

.video-container iframe {
position: absolute;
top: 0;
left: 10%;
width: 80%;
height:90%;
border-radius:10px;
}

.video-container.mb-4 { margin-bottom:0 !important; }



/* ----- */
}



/* *******************************************************
Medium Devices, Desktops - 
--- ab hier Menu normal
******************************************************** */

@media only screen and (min-width : 992px) {
/* ----- */

body.impulse section.brief7wo, 
body.impulse section.impuls {
display:inline-block;
    background: #FFF;
    border-radius: 10px;
    padding: 30px 30px 10px 30px;
    margin-top: 20px;
    margin-bottom: 50px;
}
.line-01,
.line-02,
.line-03,
.line-cross01,
.line-cross02 {
	left: 18px;
}
ul.global-menu__wrap > li.double a:last-of-type { padding-top: 10px; }
.min-vh-lg-40 { min-height: 50vh; }

/* ----- */
}


/* *******************************************************
Large Devices, Wide Screens
******************************************************** */

@media only screen and (min-width : 1200px) {
/* ----- */
ul.global-menu__wrap > li.double a:first-of-type { border-bottom:2px solid white; padding-bottom: 10px;padding-top:15px; }
ul.global-menu__wrap > li.double a:last-of-type { padding-top: 10px; }
#footer.container-fluid { padding-left:10%; padding-right:10%; padding-top:30px; border-top: 15px solid var(--primdark); }
.min-vh-lg-40 { min-height: 60vh; }
/* ----- */
}
    


/* *******************************************************
Angeber-Breite
******************************************************** */

@media only screen and (min-width : 1500px) {
/* ----- */

ul.global-menu__wrap > li.double a:first-of-type { border-bottom:2px solid white; padding-bottom: 15px; padding-top:25px; }
.min-vh-lg-40 { min-height: 70vh; }

/* ----- */
}


@media print {
      #accordion .collapse:not(.show) {
        display: unset;
      }
}