@charset "utf-8";

body {
	font-family: 'Roboto', 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 1.0em;
	color: rgba(0, 0, 0, 1.00);
	background-color: rgba(253, 227, 252, 1.00);
	theme_color: "#fde3fc";
}

#123 {
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	width: 500px;
}

.menue {
	background-color: #FFF;
	border: 2px solid rgba(241, 60, 234, 1.00);
	padding-top: 12px;
	padding-bottom: 0px;
	z-index: 5;
	padding-left: 2px;
	padding-right: 2px;
	margin-left: 1px;
	margin-right: 1px;
	/* position: fixed; */
}

.menue img {
	margin-left: auto;
	margin-right: 0px;
	min-width: 0px;
	display: block;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-top: 0px;
}

.lead2 {
	font-size: 1.5em;
}

.gold {
	background-color: rgba(255, 255, 255, 1.00);
	border-radius: 10px;
	padding-right: 70px;
	padding-left: 70px;
	padding-top: 50px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	line-height: 200%;
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.gold-2 {
	background-color: rgba(255, 255, 255, 1.00);
	border: 2px solid rgba(241, 60, 234, 1.00);
	border-radius: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	margin-bottom: 20px;
}

.gold_img img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
}

.goldene {
	font-family: 'Monotype Corsiva';
	text-align: center;
	background-color: rgba(255, 255, 255, 1.00);
	border-radius: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.goldene a {
	color: #000;
	font-size: 1.5em;
}

.goldene a:hover {
	text-decoration: none;
	color: #1F8DF8;
	font-size: 1.55em;
}

.goldene a:active {
	color: #ff0000;
}

.goldene a:visited {
	color: #FF00CE;
}

.card,
.silberne-2,
.goldene-2 {
	background-color: rgba(255, 255, 255, 1.00);
	border-radius: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 30px;
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	z-index: 10;
}

.karte {
	background-color: rgba(255, 255, 255, 1.00);
	border-radius: 10px;
	padding-right: 50px;
	padding-left: 50px;
	padding-top: 40px;
	padding-bottom: 30px;
	margin-bottom: 30px;
	margin-top: 30px;
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	z-index: 10;
}

.karte_in {
	background-color: rgba(255, 255, 255, 1.00);
	border: 2px solid rgba(241, 60, 234, 1.00);
	border-radius: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	padding-top: 30px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 30;
}

.karte_in_blau {
	border: 2px solid rgb(78, 84, 244, 1.00);
	border-radius: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	margin-bottom: 20px;
}

.formular {
	background-color: rgba(255, 255, 255, 1.00);
	border-radius: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	margin-bottom: 20px;
	margin-top: 0px;
	border: 2px #FF00CE;
	border-style: none;
	color: #FF00CE;
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

/*
:invalid {
  border: 2px solid #ff0000;
}
*/
.goldene-3 {
	background-color: rgba(255, 255, 255, 1.00);
	border-radius: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 25px;
	padding-bottom: 30px;
	margin-bottom: -15px;
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	z-index: 99;
}

.silber {
	background-color: rgba(255, 255, 255, 1.00);
	border-radius: 10px;
	padding-right: 70px;
	padding-left: 70px;
	padding-top: 50px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	line-height: 200%;
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.silberne {
	font-family: 'Monotype Corsiva';
	text-align: center;
	background-color: rgba(255, 255, 255, 1.00);
	border-radius: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.silberne a {
	color: #000;
	font-size: 1.5em;
}

.silberne a:hover {
	text-decoration: none;
	color: #1F8DF8;
	font-size: 1.55em;
}

.silberne a:active {
	color: #ff0000;
}

.silberne a:visited {
	color: #FF00CE;
}

.silber_img img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
}

.tuev,
.sketch,
.silberschuh {
	border: 2px dashed rgb(241, 60, 234, 1.00);
	border-radius: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	margin-bottom: 20px;
}

.silberhochzeitswitze {
	border: 1px outset rgb(241, 60, 234, 1.00);
	border-radius: 10px;
	text-align: justify;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 40px;
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.menuex {
	display: inline-block !important;
	cursor: pointer !important;
}

.bar1,
.bar2,
.bar3 {
	width: 35px !important;
	height: 5px !important;
	background-color: #333 !important;
	margin: 6px 0 !important;
	transition: 0.4s !important;
}

.change .bar1 {
	-webkit-transform: rotate(-45deg) translate(-9px, 6px) !important;
	transform: rotate(-45deg) translate(-9px, 6px) !important;
}

.change .bar2 {
	opacity: 0 !important;
}

.change .bar3 {
	-webkit-transform: rotate(45deg) translate(-8px, -8px) !important;
	transform: rotate(45deg) translate(-8px, -8px) !important;
}

nav {
	-webkit-transition: 0.7s ease-in-out;
	-o-transition: 0.7s ease-in-out;
	transition: 0.7s ease-in-out;
}

/* === Navigation ===*/

nav.navbar.navbar-dark button:hover,
nav.navbar.navbar-dark button:focus,
nav.navbar.navbar-dark .nav-link:hover {
	color: #FF00CE;
}

.navbar-nav .badge {
	position: absolute;
	left: 25px;
	bottom: 25px;
	padding-right: .5em;
	padding-left: .5em;
}

.navbar.bg-white {
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.navbar.bg-white button {
	border-color: rgba(51, 51, 51, 0.6);
}

.navbar .navbar-nav .nav-link.active {
	color: #FF00CE;
}

#myBtn {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 99;
	border: none;
	outline: none;
	background-color: #FF00CE;
	color: white;
	cursor: pointer;
	padding: 15px;
	border-radius: 10px;
}

#myBtn:hover {
	background-color: rgba(255, 0, 206, 0.3);
}

#return-to-top {
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 99;
	background: rgb(255 0, 206);
	background: rgba(255, 0, 206, 0.3);
	width: 50px;
	height: 50px;
	display: block;
	text-decoration: none;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	display: none;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#return-to-top i {
	color: #fff;
	margin: 0;
	position: relative;
	left: 16px;
	top: 13px;
	font-size: 19px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#return-to-top:hover {
	background: rgba(206, 0, 166, 0.7);
}

#return-to-top:hover i {
	color: #fff;
	top: 5px;
}

.carousel {
	margin-top: 11px;
	margin-bottom: 10px;
}

.carousel img {
	border-radius: 15px;
}

p_carousel {
	text-align: right;
	color: #FFFFFF;
	font-size: 1em;
}

h1,
h2,
h3,
h4 {
	color: #FF00CE;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	padding-left: 0px;
}

h1 {
	font-size: 2.6em;
	margin-left: 0px;
	margin-bottom: 30px;
}

h2 {
	font-size: 2em;
	margin-bottom: 30px;
}

h3 {
	font-size: 1.6em;
	margin-bottom: 30px;
}

h4 {
	font-size: 1.2em;
	margin-bottom: 20px;
	padding-left: 5px;
}

.center {
	text-align: center;
}

.calculator {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1.5em;
	color: #FF00CE;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
}

.calculator_2 {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1.3em;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
}


.produkte img {
	border: 2px solid #060606;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 2px;
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

.produkte {
	text-align: center;
	margin-bottom: 30px;
}

p {
	padding-left: 0px;
	text-align: justify;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-bottom: 30px;
	font-family: 'Roboto', 'Open Sans', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
}

p2 {
	padding-left: 0px;
	text-align: justify;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-family: 'Roboto', 'Open Sans', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
}

.hochzeitszeitung-bg {
	background: url('../images/bg-hochzeitszeitung.png') 50% 0 fixed no-repeat;
	height: 50%;
	background-size: contain;
}

p1 {
	font-family: 'Roboto', 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	font-weight: 700;
}

.lead {
	font-size: 1.1em;
}

.images img {
	margin-bottom: 30px;
}

.beispiel {
	margin-top: 30px;
}

.werbung img,
.beispiel img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

.werbung a:hover {
	filter: grayscale(30%);
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

#werbung img {
	filter: grayscale(50%);
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

#werbung img:hover {
	filter: none;
}

#beispiel img {
	filter: grayscale(30%);
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

#beispiel img:hover {
	filter: none;
}

.inhalt img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

#inhalt img {
	filter: grayscale(30%);
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

#inhalt img:hover {
	filter: none;
}

.vorab img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}

.iphone-bg {
	background: url('../images/bg-iphone-x.png') 50% fixed no-repeat;
	height: 50%;
	background-size: contain;
}

.herzen-bg {
	background: url('../images/bg-herzen_02.png') 50% 0 fixed no-repeat;
	height: 50%;
	background-size: contain;
}

.iphone img,
.blume img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
	border: 3px solid #FFFFFF;
	border-radius: 10px;
}

.planen {
	background-color: rgba(216, 244, 224, 0.69);
	border: 2px solid rgba(241, 60, 234, 1.00);
	border-radius: 10px;
	padding-right: 20px;
	padding-left: 20px;

	padding-top: 15px;
	margin-left: 0px;
	margin-bottom: 30px;
	margin-right: 0px;
}

.calulator {
	background-color: rgba(255, 255, 255, 1.00);
	border: 2px dotted rgba(241, 60, 234, 1.00);
	border-radius: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	margin-bottom: 20px;
}

.spiele {
	background-color: rgba(255, 255, 255, 1.00);
	border: 2px solid rgba(241, 60, 234, 1.00);
	border-radius: 10px;
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 30px;
}

.spiele a {
	color: #000;
	font-size: 1.0em;
	line-height: 200%;
}

.spiele a:hover {
	text-decoration: none;
	color: #1F8DF8;
	font-size: 1.02em;
}

.spiele a:active {
	color: #ff0000;
}

.spiele a:visited {
	color: #FF00CE;
}

.spiele-2 {
	background-color: rgba(255, 255, 255, 1.00);
	border: 2px solid rgba(241, 60, 234, 1.00);
	border-radius: 10px;
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
	line-height: 200%;
}

.spiele-2 a {
	font-size: 1.0em;
	line-height: 200%;
}

.spiele-2 a:hover {
	font-size: 1.02em;
}

.spiele-3 {
	background-color: rgba(255, 255, 255, 1.00);
	border: 2px solid rgba(241, 60, 234, 1.00);
	border-radius: 10px;
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 30px;
	border: 2px solid rgba(241, 60, 234, 1.00);
}

.spiele a-3 {
	color: #000;
	font-size: 1.0em;
	line-height: 200%;
}

.spiele-3 a:hover {
	text-decoration: none;
	color: #1F8DF8;
	font-size: 1.02em;
}

.spiele- a:active {
	color: #ff0000;
}

.spiele-3 a:visited {
	color: #FF00CE;
}

/* Image hover effects */

.column {
	padding: 0;
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
	border-radius: 10px;
}

.column:last-child {
	padding-bottom: 0px;
}

.column::after {
	content: '';
	clear: both;
	display: block;
}

.column div {
	position: relative;
	float: left;
	padding: 0;
}

.column div:first-child {
	margin-left: 0;
}

.column div span {
	position: absolute;
	bottom: -20px;
	left: 0;
	z-index: -1;
	display: block;
	margin: 0;
	padding: 0;
	color: #444;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
}

.column1 {
	padding: 0;
}

.column1:last-child {
	padding-bottom: 0px;
}

.column1::after {
	content: '';
	clear: both;
	display: block;
}

.column1 div {
	position: relative;
	float: right;
	padding: 0;
}

.column1 div:first-child {
	margin-left: 0;
}

.column1 div span {
	position: absolute;
	bottom: -20px;
	left: 0;
	z-index: -1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
}

figure {
	text-align: center;
	margin: 0;
	padding: 0;
	background: rgba(255, 255, 255, 0);
	overflow: hidden;
}

figure:hover + span {
	opacity: 1;
}

/* Zoom In #1 */

.hover01 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.hover01 figure:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

/* Flashing */
.hover13 figure:hover img {
	opacity: 1;
	-webkit-animation: flash 3.5s;
	animation: flash 3.5s;
}

@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}

	100% {
		opacity: 1;
	}
}

@keyframes flash {
	0% {
		opacity: .4;
	}

	100% {
		opacity: 1;
	}
}

.responsive-video {
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
	border-radius: 10px;
}

.telefon-aktion,
.zitate,
.ehelogisches,
.kolumnentexte,
.kultur,
.rat,
.rezept,
.sinnliches,
.vermischtes,
.zeitungsartikel,
.kalender {
	background-color: rgba(255, 255, 255, 1.00);
	border: 2px solid rgba(241, 60, 234, 1.00);
	border-radius: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	margin-bottom: 20px;
}

.telefon-aktion-2,
.zitate-2,
.ehelogisches-2,
.kolumnentexte-2,
.kultur-2,
.rat-2,
.rezept-2,
.sinnliches-2,
.vermischtes-2,
.zeitungsartikel-2,
.kalender-2 {
	border: 2px solid rgb(241, 60, 234, 1.00);
	border-radius: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	margin-bottom: 20px;
}

.ehelogisches-3 {
	background-color: rgba(255, 255, 255, 1.00);
	border: 2px solid rgb(78, 84, 244, 1.00);
	border-radius: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	margin-bottom: 20px;
}

.ehelogisches-4 {
	border: 2px solid rgb(78, 84, 244, 1.00);
	border-radius: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	margin-bottom: 20px;
}

.zwangsversteigert {
	background-color: rgba(255, 255, 255, 1.00);
	border: 2px solid rgba(241, 60, 234, 1.00);
	border-radius: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	margin-bottom: 20px;
}

hr {
	width: 98%;
	color: rgba(255, 0, 206, 0.5);
}

.hr_hzma {
	border: none;
	border-top: 3px double #333;
	color: #333;
	overflow: visible;
	text-align: center;
	height: 5px;
}

.hr_hzma:after {
	background: #fff;
	content: 'HZMA';
	padding: 0 8px;
	position: relative;
	top: -13px;
}

.bl {
	margin-top: 0px;
	margin-bottom: 20px;
	border-left: 0.5px dotted rgba(255, 0, 206, 0.5);
	text-align: center;
	font-weight: 50%;
}

.bl2 {
	margin-top: 0px;
	margin-bottom: 20px;
	border-left: 0.5px dotted rgba(255, 0, 206, 0.5);
	border-right: 0.5px dotted rgba(255, 0, 206, 0.5);
}

/* Hochzeitsplanung: Blumen und florale Akzente */

.einladung-bg {
	background: url('../images/bg-einladung.png') 50% 0 fixed no-repeat;
	height: 50%;
	background-size: cover;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-left: 15px;
	margin-right: 15px;
}

.gesund_und_fit {
	border: 2px solid rgba(241, 60, 234, 1.00);
	border-radius: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	margin-bottom: 20px;
}

.gesund_und_fit_white {
	background-color: rgba(255, 255, 255, 1.00);
	border: 2px solid rgba(241, 60, 234, 1.00);
	border-radius: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	margin-bottom: 20px;
}

.gesund_und_fit_yellow {
	background-color: rgba(255, 255, 0, 0.50);
	border: 2px solid rgba(241, 60, 234, 1.00);
	border-radius: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	margin-bottom: 20px;
}

.ideen {
	border: 2px solid rgba(241, 60, 234, 1.00);
	border-radius: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	margin-bottom: 20px;
}

/* Hochzeitsplanung: Blumen und florale Akzente */

.blumen-bg {
	background: url('../images/bg-blumen.png') 50% 0 fixed no-repeat;
	height: 30%;
	background-size: contain;
}

.reporter-bg {
	background: url('../images/bg-reporter.png') 50% 0 fixed no-repeat;
	height: 30%;
	background-size: contain;
}

.keyboard-bg {
	background: url('../images/bg_keyboard.png') 50% 0 fixed no-repeat;
	height: 30%;
	background-size: contain;
}

.calendar-bg {
	background: url('../images/bg_calendar.png') 50% 0 fixed no-repeat;
	height: 30%;
	background-size: cover;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-left: 15px;
	margin-right: 15px;
}

.lesen-bg {
	background: url('../images/bg_lesen.png') 50% 0 fixed no-repeat;
	height: 30%;
	background-size: contain;
}

.verflogenes-bg {
	background: url('../images/bg_verflogenes.jpg') 50% 0 fixed no-repeat;
	height: 30%;
	background-size: contain;
}

.haehnchen-bg {
	background: url('../images/bg_haehnchen.png') 50% 0 fixed no-repeat;
	height: 30%;
	background-position: 50% 50%;
	background-size: 60%;
}

.hochzeit-freiheit-bg {
	background: url('../images/bg_hochzeit-freiheit.png') 50% 0 fixed no-repeat;
	height: 30%;
	background-position: 50% 15%;
	background-size: 65%;
}

.alacarte-bg {
	background: url('../images/bg_liebendes_paar.png') 50% 0 fixed no-repeat;
	height: 30%;
	background-position: 50% 90%;
	background-size: 100%;
}

.sinliche_ehe_ja-bg {
	background: url('../images/sinliche_ehe_ja.png') 50% 0 fixed no-repeat;
	height: 30%;
	background-position: 50% 50%;
	background-size: cover;
}

.baender-bg {
	background: url('../images/gold/baender-bg.png') 50% 0 fixed no-repeat;
	height: 80%;
	background-size: contain;
}

.silber_baender-bg {
	background: url('../images/silber/silber_baender-bg.png') 50% 0 fixed no-repeat;
	height: 80%;
	background-size: contain;
}

#myVideo {
	position: fixed;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
}

.modal-dialog {
	width: 600px;
}

.thumbnail {
	margin-bottom: 6px;
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

li {
	color: #FF00CE;
	font-weight: 400;
}

li_no {
	color: #FF00CE;
	font-weight: 400;
	text-decoration: none;
}

li_pr {
	color: #000;
	font-weight: 400;
	text-decoration: none;
}

li span {
	color: #1B1B1B;
}

ol {
	color: #1B1B1B;
	font-weight: 400;
}

ul.second {
	list-style-type: circle;
}

.tipp {
	color: #FF00CE;
}

.kontakt {
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
	background-color: #FFFFFF;
	border: 2px solid #FF00CE;
	border-radius: 12px;
}

.btn-default {
	background-color: #F774DD;
	color: #000000;
}

.btn-default:hover:active {
	color: #FFFDFD;
	background-color: #FF00CE;
}

.btn-default:visited {
	color: #FF00CE;
	background-color: #FFFFFF;
}

.btn-default:active {
	color: skyblue;
	background-color: #FFFFFF;
}

.btn-default:focus {
	color: #FF00CE;
	background-color: #FFFFFF;
}

a,
.btn-link {
	color: #1F8DF8;
}

a:hover,
.btn-link:hover {
	text-decoration: none;
	color: #0364C3;
	font-weight: 700;
}

a:focus {
	outline: thin dotted;
}

a:active,
a:hover,
.btn-link:active,
.btn-link:hover {
	outline: 0;
	text-decoration: none;
}

.kreuzwortraetsel {
	z-index: 10;
}

.kreuzwortraetsel_font {
	font-size: 1.2em;
	font-weight: 300;
}

.kreuzwortraetsel_font_sm {
	font-size: 1.0em;
	font-weight: 500;
}

.kreuzwortraetsel img {
	display: block;
	margin-left: auto;
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

.kreuzwortraetsel_karte {
	background-color: rgba(255, 255, 255, 1.00);
	border-radius: 4px;
	padding-top: 5px;
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.kreuzwortraetsel_karte_2 {
	background-color: rgba(255, 0, 206, 0.03);
	border-radius: 2px;
	padding-top: 5px;
}


.partnertest_font {
	color: #FF00CE;
	font-size: 1.2em;
	font-weight: 300;
}

.partnertest_letter {
	color: #FF00CE;
	font-size: 1.4em;
	font-weight: 300;
}

.werbung-border {
	position: elative;
	border: 3px;
	border-color: #FF00CE;
	border-style: outset;
	padding: 20px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

.alacarte {
	position: relative;
	top: -50px;
}

.alacarte_button {
	position: relative;
	top: -10px;
}

.sinnliche_ehe {
	position: relative;
	top: 20px;
}

.footer {
	background-color: rgba(255, 255, 255, 1.00);
	border-radius: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	margin-bottom: 20px;
	margin-top: 0px;
	border: 2px #FF00CE;
	border-style: none;
	color: #FF00CE;
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.footer_bottom {
	background-color: rgba(255, 255, 255, 1.00) !important;
	border-radius: 10px !important;
	padding-right: 20px !important;
	padding-left: 20px !important;
	padding-top: 20px !important;
	margin-bottom: 20px !important;
	margin-top: 0px !important;
	border: 2px #FF00CE !important;
	border-style: none !important;
	color: #FF00CE !important;
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3) !important;
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3) !important;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3) !important;
	position: absolute !important;
	bottom: 10px !important;
}

#myDIV {
	position: absolute;
	width: 100px;
	height: 100px;
	background-color: coral;
	color: white;
	bottom: 0px;
	-webkit-animation: mymove 5s infinite;
	/* Safari 4.0 - 8.0 */
	animation: mymove 5s infinite;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
	50% {
		bottom: 300px;
	}
}

@keyframes mymove {
	50% {
		bottom: 300px;
	}
}

.address {
	text-align: center;
	font-weight: 300;
	font-size: 0.9em;
}

/* Cookie Hinweis Script */

.cc_container .cc_btn {
	background-color: #fcd7f5 !important;
	/* Farbe des Buttons */
	color: #650152 !important;
	/* Textfarbe des Buttons */
}

.cc_container .cc_btn:hover {
	background-color: #fff !important;
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 1.00) !important;
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 1.00) !important;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 1.00) !important;
}

.cc_container {
	background: #98017b !important;
	/* Hintergrundfarbe des gesamten Bereichs */
	font-family: Arial, 'Roboto', 'Open Sans', Helvetica, Arial, sans-serif !important;
	font-size: 1.0em !important;
	font-style: normal !important;
	font-variant: normal !important;
	font-weight: 400 !important;
	line-height: 1.6 !important;
	color: #fff !important;
	/* Schriftfarbe des gesamten Bereichs */
}

.cc_container a {
	color: #ffff00 !important;
	/* Textlink-Farbe "Mehr Infos" */
}

/* YouTube Video einfügen */

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

.responsive-video {
	position: relative;
	padding-bottom: 56.25%;
	/* Default for 1600x900 videos 16:9 ratio*/
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}

/* The side navigation menu */

.sidenav {
	font-family: 'Roboto', 'Open Sans', Helvetica, Arial, sans-serif;
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 99;
	top: 0;
	background-color: rgba(221, 13, 212, 1.00);
	overflow-x: hidden;
	transition: 0.7s;
	padding-top: 80px;
	left: 0px;
	padding-left: 0px;
}

.dropdown-menu {
	background-color: rgba(245, 61, 236, 1.00);
	font-weight: normal;
	left: -2px;
	padding-top: 20px;
	padding-left: 0px;
	padding-bottom: 20px;
	font-size: 1em;
}

.sidenav a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	font-size: 1em;
	color: #fbfbfb;
	display: block;
	transition: 0.3s;
	line-height: 1em;
	font-weight: normal;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-style: normal;
	margin-right: 20px;
}

.dropdown-menu a {
	color: rgba(255, 255, 255, 1.00);
	font-weight: normal;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	z-index: 50;
}

.sidenav a:hover,
.offcanvas a:focus {
	color: #000000;
	font-weight: normal;
	font-size: 1.1em;
	z-index: 51;
}

.dropdown-menu .dropdown-item {
	display: inline-block;
	padding: -25;
}

.dropdown .dropdown-menu a:hover {
	color: #000000;
	background-color: rgb(255, 255, 255, 0.00);
	font-weight: normal;
	font-size: 1.1em;
}

.dropdown .dropdown-menu a:active {
	background-color: rgb(255, 255, 255, 0.00);
}

.sidenav .closebtn {
	position: absolute;
	margin-left: 27%;
	top: 5px;
	font-size: 1.7em;
}

.sidenav .closebtn2 {
	position: absolute;
	margin-left: 27%;
	top: 5px;
	font-size: 1.0em;
}

.sidenav .closebtnb {
	position: absolute;
	margin-left: 27%;
	font-size: 1.7em;
	padding-bottom: 50px;
}

.sidenav .closebtnb2 {
	position: absolute;
	margin-left: 27%;
	font-size: 1.0em;
	padding-bottom: 50px;
}

#main {
	transition: margin-left .5s;
	padding: 16px;
}

@media screen and (max-height: 450px) {
	.sidenav {
		padding-top: 10px;
	}

	.sidenav a {
		font-size: 0.8em;
	}

	/* === Vido auf die ganze Seite ===*/
	/* Style the video: 100% width and height to cover the entire window */
	#myVideo {
		position: fixed;
		right: 0;
		bottom: 0;
		min-width: 100%;
		min-height: 100%;
	}

	/* Add some content at the bottom of the video/page */
	.content {
		position: fixed;
		bottom: 0;
		background: rgba(0, 0, 0, 0.5);
		color: #f1f1f1;
		width: 100%;
		padding: 20px;
	}

	/* Style the button used to pause/play the video */
	#myBtn {
		width: 200px;
		font-size: 18px;
		padding: 10px;
		border: none;
		background: #000;
		color: #fff;
		cursor: pointer;
	}

	#myBtn:hover {
		background: #ddd;
		color: black;
	}