﻿/*---- COLORS -----*/
/*
CREME				#eeeadb		rgba(238,234,219,1)
LILA				#990099		rgba(153,0,153,1)
GELB				#ffcc00		rgba(255,204,0,1)
ARTIKEL				#555555		rgba(85,85,85,1)
*/

/* GLOBALS */
body::before { content: ""; position: fixed; top: -10px; left: 0; width: 100%; height: 10px; box-shadow: 0px 0 10px rgba(0, 0, 0, 0.8); z-index: 100; }
.padletInfo 	{ display: none; }

/* SITE LOADER digitivity */
/* FX-total-center div bestehend aus outer | middle | inner */

.FX-outer { display: table; position: absolute; width: 100%; height: 100%; margin-top: -20px }
.FX-middle { display: table-cell; vertical-align: middle; }
.FX-inner { margin-left: auto; margin-right: auto; }



/* GLOBALS */
.phpMarginRemove	{ margin-top: -33px; z-index: 1000 }
*					{ hyphens: none !important; }
.lh15				{ line-height: 1.5 !important; }
.colorLila			{ color: #990099 !important;}
.colorGelb			{ color: #ffcc00 !important;}
.borderLila			{ border: 1px solid #990099 }
.borderLilaDotted	{ border: 2px dotted #990099 }
.borderWhite		{ border: 1px solid #FFF; }
.cremeBG			{ background-color: #eeeadb }
.lilaBG				{ background-color: #990099 }
.gelbBG				{ background-color: #ffcc00 }
.shadowBox			{ box-shadow: 0 5px 10px -5px rgba(0,0,0,0.5); }


/* SPACES */
.margin0			{ margin: 0; }
.topSpace15			{ margin-top: 15px; }
.bottomSpace30		{ margin-bottom: 30px; }
.padding0			{ padding: 0 !important; }



a, .link			{ font-weight: 700 }
a:hover, .link:hover{ color: #9932cc !important; border-color: #9932cc !important; }
body				{ background-color: #eeeadb !important; color: #000}
header				{ height: auto;  }
.headerPict 		{ border: none !important; }
.back-to-top, .back-to-top p	{ color: #990099 !important; cursor: pointer }
.back-to-top:hover				{ color: #ffcc00 !important; cursor: pointer }
footer, .blog-footer		{ background-color: #990099 !important;}
footer a:hover, footer .link:hover, .blog-footer a:hover, .blog-footer .link:hover {color: rgba(255,255,255,.8) !important; border-color: rgba(255,255,255,.8) !important; }
.bilderSammler img	{ padding: 5px; margin-top: 15px; border: 1px solid #FFF;}
.bildUnterschrift	{ border: 1px solid #FFF;}
/* RANDOM SCISSORS */
/* ROTATIONS by fontawesome
fa-rotate-90 , fa-rotate-270
*/
.fa-scissors.right60	{ position: absolute; right: 1px; top: 60%; }			/* + fa-rotate-90 */
.fa-scissors.left40		{ position: absolute; left: 3px; top: 40%; }			/* + fa-rotate-270 */
.fa-scissors.top80		{ position: absolute; top: -15px; left: 80%; }			/* - no rotation / removeClass: fa-rotate-90  fa-rotate-270 */
.fa-scissors.bottom40	{ position: absolute; bottom: -14px; left: 40%; }		/* + fa-rotate-180 */
@media (min-width: 1200px) {
.container 			{ width: 1200px !important;}
}
@media (max-width: 990px){
.text-center-switch990 {  text-align: center !important; }
}
@media (min-width: 992px) {
.container {width: 100%;}
}
@media (min-width: 768px){
}
@media (max-width: 768px) {
.bilderSammler img	{ padding: 15px;}
.container {width: 100% !important;}
}


/* OVERLAY */
.digi-overlay 						{ display: none; position:fixed; top:0; bottom:0; left:0; right:0; background-color:rgba(255,255,255,.5); z-index:990;}
#digi-infoBox						{ display: none; position: fixed; width:auto; max-height:100%;  right: 0; bottom: 0; /*transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);*/ background-color: transparent; z-index: 1000; /*border-top-right-radius:25px; border: 4px solid #fff;*/ /*overflow: auto*/}
#digi-infoBoxContent 				{position: relative; width: 100%;  left: 50%; top: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); z-index: 995;}
.digi-infoBoxCloseBtn				{position: absolute; top: -15px; right: -15px; width: 36px; height: 36px; border-radius: 50%; background: #428bca url(../bilder/icons/icon-close-radio-btn.png) 50% 50% no-repeat; background-size:cover; z-index:1010}
.digi-infoBoxCloseBtn:hover			{ transform: scale(1.1); -webkit-transform: scale(1.1)}
.digi-infoBoxCloseBtnOverlay		{ position: absolute; top: -2px; left: -2px; width: 30px; height: 30px; border-radius: 50%; z-index:1030; background: #fff url(../digi-images/digi-icons/digi-close-btn.png) center center no-repeat; background-size: contain;  }
.digi-infoBoxCloseBtnOverlay:hover	{ transform: scale(1.3) rotate(90deg);  cursor: pointer }
@media  (max-width : 769px) {
/*#digi-infoBox {width: 100%;}*/
}
.FragenSendenBlock					{ max-width: 580px; padding: 15px; border-radius:10px; border:4px solid #990099;  z-index: 1020 }
.FragenSendenBlock 	a:hover			{ color: #FFF !important; border: none !important; }
.digi-icon110						{  width: 110px; height: 110px; background: url(../digi-images/digi-icons/digi-icon_110.jpg) center center no-repeat; background-size: contain; margin: 2px 15px -3px 2px}
.digi-infoBoxTopHeader				{ font-size: 20px; margin-top: 4%; padding: 8px !important; }
@media  (max-width : 1135px) {
.digi-infoBoxTopHeader				{ font-size: 16px;  }
}
@media  (max-width : 930px) {
.digi-infoBoxTopHeader				{  }
.digi-InfoBoxSmileBlock				{ display: none; }
}
@media  (max-width : 1200px) {
.FragenSendenBlock					 { /*max-width: 680px;*/ }
}


/* CAROUSEL */
.carousel				{/*max-width: 1170px; margin: 0 -15px;*/}
.carousel .item			{  /* Prevent carousel from being distorted if for some reason image doesn't load */}
.carousel .item img		{ margin: 0 auto; /* Align slide image horizontally center */}
.carousel-indicators 	{width: 100% !important;  margin-bottom: 1px !important; left: 0 !important; margin-left: 0 !important; text-align: right !important; padding-right: 15px; }
@media (min-width: 768px) { .carousel-indicators { bottom: 0 !important; } }
@media (max-width: 768px) { .carousel-indicators { display: none;} }
.carousel-indicators li {width: 10px;height: 10px; margin: 1px 0;background-color: #eeeadb !important;border: 1px solid #333;border-radius: 50%;}
.carousel-indicators .active {width: 10px;height: 10px;margin: 1px 0;background-color: #ffcc00 !important;border: 1px solid #333;border-radius: 50%;}

/* FOOTER */
.linkEintrag			{ display: inline-block; }

@media (max-width: 1280px) {
footer		{ line-height: 3; }
.digiIcon 	{ display: block !important; left: 50%; position: relative; margin-bottom: 35px; margin-left: -35px; }
}

@media (max-width: 425px) {
.linkEintrag			{ display: block; }
.geraderTrennStrich		{ display: none; }
}

/* FX */
.transitionFast			{ transition: all .3s; }



.analytics						{ position: absolute; z-index: -2; max-height: 0; }
