@charset "utf-8";
/* CSS Document */

@font-face { font-family: 'Qwigley'; src: url('../fonts/Qwigley-Regular.ttf') format('opentype'); }

html { scroll-behavior: smooth;}
body { color:#642181;font-size: medium;  font-family:Arial, Tahoma, Verdana, sans-serif;line-height:inherit;background: url("https://www.diewunderkerze.de/fileadmin/img/DieWunderkerze_Konfetti.jpg");background-size: contain;}
  h1 { font-size:60px; font-style:italic; margin:30px 0 0px 0;}
  h2 { font-size:20px !important; font-style:italic;margin:30px 0 0px 0;}
  h4 {font-size:16px; font-style:italic;margin:30px 0 0px 0;color:#e2007a}
tr {border-bottom: 1px solid;}


.col-4 {width: 33%; float: left;}
.col-6 {width: 50%; float: left;}
.col-8 {width: 66%; float: left;    padding-left: 40px;}

/* HEADER */

.bilder {margin-top: 0px;}
.logo {position: absolute; top: 0px; left: 5%;  -webkit-box-shadow: 3px 3px 5px 2px #fff; box-shadow: 3px 3px 5px 2px #fff;}
.logo img {width: 250px;    height: auto;}


.navigation {border: 0; background-color:#6d1e7e; }
.navigation ul {}
.navigation li { }
.navbar {    border-radius: 0px; border: 0;    margin-bottom: 0px;}
.navbar-default {  background-color: transparent; max-width: 1000px;    margin: auto;}

.navbar-default .navbar-nav>li>a {       color: #fff; text-decoration:none; font-size: large;}
.navbar-default .navbar-nav>li>a:hover { color:#e2007a;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { background-color:transparent; color:#e2007a; }
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover {background-color:#dfd1e5; color:#e2007a;}


.dropdown-menu {background-color: #dfd1e5;}
.dropdown-menu>li>a {text-decoration: none;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {  color:#e2007a;    background-color: #ccc;}

/* CONTENT color: #94005f;*/
  a, td a {color:#6d1e7e; text-decoration:underline;font-weight: bold;}
  a:hover {color:#e2007a; }
.container, .bilder {clear: both;}
.bilder img {width: 100%; height: auto;}
.call a {color: #333; text-decoration: underline;}

.inhalt { margin: 80px auto; }
.inhalt .frame-layout-0 {clear: both;max-width: 900px; margin: 0 auto;padding: 10px 20px;background-color: rgba(224, 210, 233, 0.9);}

.inhalt h1, .inhalt h2, .inhalt h3, .inhalt h4, .inhalt b, .inhalt strong { line-height:inherit; }
.inhalt h1 {font-family: 'Qwigley', cursive;}

.inhalt p {    margin: 0 0 20px;    line-height: 1.7;}
.inhalt figure {border: 1px solid #6d1e7e;    box-shadow: 3px 3px 5px 2px #fff;    border-radius: 0px;    margin: 2px 10px 10px 2px;}
/*
.inhalt .frame-layout-1 {clear: both;background-color: #eeeeee;    padding: 30px 20px;    margin: 60px 0;}

.inhalt .kacheln {margin: 50px auto; max-width: 1200px;}
.inhalt .kacheln .col-4 {width: 30%; margin-right: 3%; border: 2px solid #ffda00;-webkit-box-shadow: 3px 3px 5px 2px #BCBCBC; box-shadow: 3px 3px 5px 2px #BCBCBC;     background-color: #ffffff;}
.inhalt .kacheln h2 {font-size: 20px;padding:0 12px;}
.inhalt .kacheln p {padding:0 12px;}
.inhalt .kacheln img {width: 100%;    height: auto;}
*/
/* NEWS */
.news-list-item img {    box-shadow: 3px 3px 5px 2px #fff;    margin: 20px 10px 10px 0;    border: 1px solid #6d1e7e;}
.news-list-item .lead {    font-size: inherit;}
.news hr { clear: both;    padding: 10px;    margin-top: 20px;    margin-bottom: 20px;    border: 0;    border-bottom: 1px solid #333;}
.news .thumbnail {    padding: 0px;border: 1px solid #6d1e7e;box-shadow: 3px 3px 5px 2px #fff;border-radius: 0px;    margin: 10px;}



/* Accordeon */
.tinyaccordion {padding-left:0px;}
.tx-tinyaccordion-pi1 { max-width:1060px; margin: auto;}
.acc-li {width: 100%;}
.acc-li h3 { margin: 10px;    font-size: large;    color: #e2007a;}

ul.tinyaccordion>li {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%) !important;
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	margin:4px 0;
	text-decoration:none;
}

ul.tinyaccordion li:hover {	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%) !important; 	background-color:#e9e9e9;}
ul.tinyaccordion li:active {	position:relative;	top:1px;}
       
ul.tinyaccordion li li, ul.tinyaccordion li li:hover { background: none !important; background-color: transparent; border:none; cursor:auto;     line-height: 25px;}
ul.tinyaccordion ul {padding: 20px;list-style-type: disc;}

.acc-section li::marker {  }
.acc-section li:nth-child(1)::marker, .acc-section li:nth-child(5)::marker, li:nth-child(1)::marker, li:nth-child(5)::marker {color:#6d187d;}
.acc-section li:nth-child(2)::marker, .acc-section li:nth-child(6)::marker, li:nth-child(2)::marker, li:nth-child(6)::marker {color:#93bd04;}
.acc-section li:nth-child(3)::marker, .acc-section li:nth-child(7)::marker, li:nth-child(3)::marker, li:nth-child(7)::marker {color:#e00178;}
.acc-section li:nth-child(4)::marker, .acc-section li:nth-child(8)::marker, li:nth-child(4)::marker, li:nth-child(8)::marker {color:#ffd203;}

.acc-section figure {box-shadow: 3px 3px 5px 2px #6d1e7e;    margin: 10px;}
.acc-section img {max-width: 300px;height: auto;}

/* Formular */
.form-control {border: 1px solid #a57baf;border-radius: 0px;}
.btn-primary {    color: #fff;    background-color: #6d1e7e;    border-color: #a57baf;}
.btn-primary:hover {   color: #333;   background-color: #fff; } 

/* FOOTER */
footer { font-size: small; background:#722283 url("https://www.diewunderkerze.de/fileadmin/img/DieWunderkerze-Footer2023.jpg")no-repeat;background-size: contain;color: #fff;padding-top: 100px;}
.foot {max-width: 900px; margin: 0px auto; padding: 20px;}
.foot h2, .foot h3 {font-size: 20px;}
.foot a {font-weight: inherit;color: #fff;}

.tage {min-width: 30px;    display: inline-block;}

@media screen and (max-width: 1199px) {
   .logo img {    width: 200px;    height: auto;}
}

@media screen and (max-width: 991px) {
	.logo {left: auto;    margin-left: 20px;}
	.navbar-default .navbar-nav>li>a { font-size: medium;}

  .col-md-3 {width: 25%;    float: left;}
  	.inhalt {padding: 0 20px;}
 .acc-section img {    width: 250px;    height: auto;}
  
}

 @media screen and (max-width: 767px) {
	.logo {left: auto;    margin-left: 5px;}
   .logo img {    width: 100px;    height: auto;}

   .navbar-collapse.collapse.in {background-color:#dfd1e5;}
	 .inhalt {    margin: 40px auto;}
/*	.col-4 {width: 100%;margin-bottom: 15px;}
	 .col-6 {width: 100%;}
.tx-tinyaccordion-pi1 {    padding: 0 0px;}*/
   .ce-bodytext {width: 100%;}
	.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {    margin-bottom: 0px;} 
.ce-right .ce-gallery {    float: none;}
 }