/* ------------------------------------------------------------------------------------
#        V    O    R    B    E    M    E    R    K    U    N    G    E    N
#
#
#   - Selektoren sind ALPHABETISCH AUFSTEIGEND sortiert, innerhalb {} ebenso
#   - erst IDs # und danach KLASSEN .
/*
# [10.03.2016] MEDIA QUERY damit Nav-Dropdown bei Viewports > Handy-Size bereits bei HOVER aufklappen und nicht erst bei CLICK
# [19.09.2015] hier nur ergänzend zu BOOTSTRAP
*/

/* ========= HTML Elements ========== */
body {background:white url(../images/frontend/__hintergrund.jpg) fixed repeat;}
div {
    font-size: 1em; /* <=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<== S C H R I F T - G R Ö ß E ============================================ */
	text-align: center;
}

/* ========= a ========= */
.albumgeolinks a:link, .albumgeolinks a:visited, .albumgeolinks a:hover, .albumgeolinks a:active {color:#FFA500;text-decoration:none;font-weight:bold;}
.albumgeolinks a:hover {color:#000;background-color:#FFA500;}

/* ========= ID ========= */
#commentcharacters_left {color:Red;font-weight:bold;font-style:italic;}
#list, #list img {max-width:100%;height:auto;} /* [seit 21.02.2016] _admin_uploadform2.php: Javascript-FileReader()-IMG-Preview */
#newsstreamdiv {height:1000;}

/* ========= KLASSEN ========= */
.ajax-pollfeedback,
.ajax-newsstreamvotingresult,
.ajax-newsstreamcommentingresult
{font-size:1.3em;color:Red;font-weight:bold;}
.alb_kat_head {border:1px solid #FFA500;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.align-center {text-align:center;}
.align-left {text-align:left;}
.bg_gradient_maron-rot {
	background: #931f1f; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #931f1f 0%, #ef8c7f 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #931f1f 0%,#ef8c7f 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #931f1f 0%,#ef8c7f 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#931f1f', endColorstr='#e73827',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.bg_hellgrau {backkground-color:lightgrey;}
.bg_rot {background-color:red;}
.bg_weiss {background-color:white;}
.blau {color:blue;}
.border-rund {border:1px solid #000;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.dick {font-weight:bold;}
.eintragsuccess {background-color:#00FF00;color:Black;}
.eintragfailed {background-color:#FF0000;color:#404040;}
.em0_6 {font-size:0.6em;}
.em0_8 {font-size:0.8em;}
.em1_1 {font-size:1.1em;}
.em1_3 {font-size:1.3em;}
.em1_5 {font-size:1.5em;}
.em1_8 {font-size:1.8em;}
.em2_0 {font-size:2em;}
.fett {font-weight:bold;}
.float-links {float:left;}
.keywordadderlastpic {font-size:2em;}
.kursiv {font-style:italic;}
.lochindexpollradioeins {background-color:#BBB;}
.lochindexpollradiozwei {background-color:#DDD;}
.lochindexpollsubmit {
    background-color:#f90;
    text-align:center;
    font-weight:bold;
    color:Red;
	background: rgb(204,204,204); /* Old browsers */
	background: -moz-linear-gradient(top,  rgb(204,204,204) 0%, rgb(255,255,255) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(204,204,204)), color-stop(100%,rgb(255,255,255))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgb(204,204,204) 0%,rgb(255,255,255) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgb(204,204,204) 0%,rgb(255,255,255) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgb(204,204,204) 0%,rgb(255,255,255) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgb(204,204,204) 0%,rgb(255,255,255) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.marginbottom50 {margin-bottom:50px;}
.marginbottom100 {margin-bottom:100px;}
.margintop50{margin-top:50px;}
.mediensuchekwgroupheads {color:Blue;font-weight:bold;font-size:1.2em;}
.mediumsuchecheckedboxesmenge {margin-top:10px;margin-bottom:10px;padding:5px;background:#E9E9E9;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.mediumsuchecheckedboxesmenge p:first-child {font-size:1.3em;font-weight:bold;color:Red;}
.newsstreamalbumname {font-weight:bold;color:#FFA500;font-size:2em;}
.newsstreamdataset {border:1px solid gray;text-align:center;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.newsstreamimagetxtoverlay {position: absolute;z-index:10;top:10px;left:10px;font-size:2em;color:#fff;text-shadow: 0 0 10px #663408;}
.newsstreamkommentarbox {font-size:1.3em;}
.newsstreammediencomments {margin-bottom:20px;margin-top:10px;}
.newsstreammediencomments div {text-align:left;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;padding:5px;}
.newsstreammediencomments div:nth-child(even) {background-color:#CBCBCB;} /* CSS [seit 04.10.2015 nachdem .mediumcommentbodytwo einfach net mehr ging] */
.newsstreammediencomments div:nth-child(odd) {background-color:#E2E2E2;}
.newsstreammediumcover-video {position: absolute;z-index:10;bottom:35px;left:5px;}
.newsstreammediumcover-pic {position: absolute;z-index:10;bottom:20px;left:10px;}
.newsstreammediumcommentcover-video {position: absolute;z-index:10;bottom:75px;left:5px;}
.newsstreammediumcommentcover-pic {position: absolute;z-index:10;bottom:60px;left:10px;}
.newsstreammediumnewtabcover {position: absolute;z-index:10;bottom:100px;left:10px;}
.newsstreamonlysinglemedium {position:relative;z-index:0;}
.newsstreampollfrage {
	text-align: center;
	font-weight:2em;
	background: rgb(255,165,0); /* Old browsers */
	background: -moz-linear-gradient(top,  rgb(255,165,0) 0%, rgb(187,187,187) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,165,0)), color-stop(100%,rgb(187,187,187))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgb(255,165,0) 0%,rgb(187,187,187) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgb(255,165,0) 0%,rgb(187,187,187) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgb(255,165,0) 0%,rgb(187,187,187) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgb(255,165,0) 0%,rgb(187,187,187) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa500', endColorstr='#bbbbbb',GradientType=0 ); /* IE6-9 */
}
.newsstreamshowallcoms {color:#666;font-style:italic;font-size:1.3em;}
.newsstreamsinglemediumposbew {position:absolute;z-index:100;top:15px;left:7px;font-size:1.2em;font-weight:bold;color:Red;}
.nojavascript{background-color:yellow;color:Red;font-weight:bold;font-size:2em;}
.pad {padding:5px;}
.pos-relative {position:relative;}
.previewimgcontainer, .previewimgcontainer img {max-width:100%;height:auto;} /* [seit 2017.05.14] Javascript-FileReader()-IMG-Preview - war zuvor #list && #list img */
.previewimgcontainer {margin-bottom:30px;}
.rot {color:Red;}
hr.sides-transparent { /* <hr>-specific Style */
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}
.spybauerimagevoting li:nth-child(even) {background:#DCD9DD;}
.table,
tbody,
tr,
td
{border:0px !important}
.taggruppe {margin-top:5px;margin-bottom:5px;border:1px solid #E2E2E2;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.thisresponsive {max-width:100%;height:auto;}
.thisresponsive-50 {max-width:50%;height:auto;}
hr.txt-in-mitte {
    padding: 0;
    border: none;
    border-top: medium double #CCC;
    color: #CCC;
    text-align: center;
}
hr.txt-in-mitte:after {
    content: "das-loch.de";
    display: inline-block;
    position: relative;
    top: -0.8em; /* 0.7em */
    font-size: 1em; /* 1.5em; */
    padding: 0 0.25em;
    background: white;
}
.vote-comment-img {margin-top:10px;margin-bottom:10px;}
/* w3...-Styles von http://www.w3schools.com/lib/w3.css übernommen [23.09.2015] */
.w3-card{border:1px solid #ccc}
.w3-card-2,.w3-example{box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important}
.w3-card-4{box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important}
.w3-card-8{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important}
.w3-card-12{box-shadow:0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19) !important}
.w3-card-16{box-shadow:0 16px 24px 0 rgba(0,0,0,0.22),0 25px 55px 0 rgba(0,0,0,0.21) !important}
.w3-card-24{box-shadow:0 24px 24px 0 rgba(0,0,0,0.2),0 40px 77px 0 rgba(0,0,0,0.22) !important}
.weiss {color:white;}

/* ========= INFINITE SCROLL (von developphp.com / 2015) ========= */
div.loader {
    background: url(../images/frontend/ajax-loader.gif) no-repeat scroll 0 0 transparent;
    height: 32px;
    width: 32px;
    display: none;
    z-index:999;
    position: fixed;
    top: 40%;
    left: 50%;
    margin-left: -10px;
}
div.content{ 
    width:100%;
    margin-left:auto;
    margin-right:auto;
}
div.end {
    text-align:center;
    color:#f00;
	font-weight:bold;
	font-size:2em;
	margin-bottom:100px;
}
hr.line{
    width:100%;
    margin-left:auto;
    margin-right:auto;
    color: #000;
}

/* ========= display:none; ========= */
.usercpajaxresponse, 
.dontdisplay,
.newsstreamkommentarbox, 
.ajax-newsstreamcommentingresult,
.ajax-newsstreamvotingresult, 
.mediumsuchecheckedboxesmenge, 
.searcharea, 
.tagsearch-overall-div
{display:none;}

/* ========= MULTIPLE FILE UPLOADER - Progress Bar (am 21.2.2016 einfach 1:1 von ONE4ALL bzw. PPort übernommen ========= */
progress {
	width: 400px;
	height: 14px;
	margin: 50px auto;
	display: block;
	/* Important Thing */
	-webkit-appearance: none;
	border: none;
}
/* All good till now. Now we'll style the background */
progress::-webkit-progress-bar {
	background: black;
	border-radius: 50px;
	padding: 2px;
	box-shadow: 0 1px 0px 0 rgba(255, 255, 255, 0.2);
}
/* Now the value part */
progress::-webkit-progress-value {
	border-radius: 50px;
	box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.4);
	background:
		-webkit-linear-gradient(45deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%),
		-webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),
		-webkit-linear-gradient(left, #ba7448, #c4672d);
	/* Looks great, now animating it */
	background-size: 25px 14px, 100% 100%, 100% 100%;
	-webkit-animation: move 2s linear 0 infinite;
}

/* ========= MEDIA QUERIES ========= */
@media (min-width: 979px) { /* blendet Dropdown-menü ON HOVER ein, nicht erst ON CLICK (aber NUR wenn Viewport > Smartphone-Portrait-Breite) */
	ul.nav li.dropdown:hover > ul.dropdown-menu {
		display: block;
	}
}

/* IMAGE CAROUSEL */
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
	width: 100%; /* ist Bild-Breite - 100% == Controls (< >) hovern ÜBER Bild */
	margin: auto;
}

.slider-size { /* siehe besetzung.php (QUERBEET-Slider) */
	height: 800px; /* This is your slider height */
}
.carousel {
	width:100%; 
	margin:0 auto; /* center your carousel if other than 100% */ 
}