/*
Theme Name: Responsive Design exklusiv für http://branchenverzeichnis.org/
Theme URI: http://branchenverzeichnis.org/
Description: 
Version: 1.0
Author: Amalia Schoppengerd
*/


/******** Responsive Elemente ************/

body {
	color: #6d6d6d;
	font-size:0.9em;
	font-family: Arial;
	line-height: 140%;
	background-color: #fbfbfb;
	width: 100%;
	height: 100%
}
.LinkDescription {
	   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}

img { border: 0; }

strong {
	font-weight:bold;
}

#page-wrapper {
	background-color:#fff;
	border:1px solid #E9E5E5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top:20px;
	padding-top:0px;
	margin-bottom:20px;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(153,153,153,1);
-moz-box-shadow: 0px 3px 5px 0px rgba(153,153,153,1);
box-shadow: 0px 3px 5px 0px rgba(153,153,153,1);
padding-left:10px; padding-right:10px;
}

.logo-titel {
	display:none;
}

.logo {
	max-width:70%;
}

.img-responsive {
	max-width: 100%;
	height: auto;
}

h1 {
    color: #90bd01;
    font-size: 15px;
    margin-top: 0;
	font-weight:bold;
	margin-bottom:10px;
}


/************* Slider ***************/
.carousel-control.right, .carousel-control.left {
	background-image:none !important;
}

.glyphicon {
	display:none !important;
}

/*********** Navigation ***************/

.fixednavi {
	background-color:#FBFBFB;
	border:1px solid #E9E5E5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-bottom-right-radius:0;
	border-top-left-radius:0;
	padding:10px;
}

.fixednavi ul, .fixednavi ul li, .fixednavi ul li a {
	margin:0px !important;
	padding:0px !important;
}

.fixednavi a, .fixednavi a:link  {
	line-height:0 !important;
	font-size:12px;
	color:#6d6d6d;
	padding-left:2px!important;
	padding-right:2px!important;
}

.fixednavi a:hover {
	color:#333;
	
}

/*************** SUCHE ********************/

.SearchForm {
	background-color:#FBFBFB;
	border:1px solid #E9E5E5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:10px;
	
}

.SearchForm label {
	color: #272727;
    font-size: 15px
}

.searchWhat, .searchWhere, .searchRadius {
	float:left;
}

.searchWhat, .searchWhere {
	width:100%;
	padding-bottom:10px;
}

.SearchInput {
	width:100% !important;
}


.formFieldLabel, .formGroupLabel {
	width:100%;
	text-align: left;
}

.formElement .formField,
.formGroup .formGroupField,
.formElement .formFieldDesc, #WebsiteTagsArea {
	margin-left:0px;
}


/************ ERROR u Info **********/
.success, .warning, .error, .info {
	background-position:10px center;
	background-repeat:no-repeat;
	margin-bottom:20px;
	padding:7px 10px 7px 45px;
}
.success {
	background-color:#EEFFEE;
	background-image:url('./../../images/icon/successMedium.png');
	border:1px dashed #009900;
	color:#009900;
}
.error {
	color: #cc0000;
	background-color: #ffeeee;
	background-image: url("../../images/icon/errorMedium.png");
	border: solid 1px
}
.errorlogin {
	color: #cc0000;
	background-color: #ffeeee;
	background-image: url("../../images/icon/errorMedium.png");
	border: solid 1px
}
.error a {
	color: #0e5fc8;
	text-decoration: underline
}
.error a:hover {
	text-decoration:none;
}
.info {
	background-color: #fff;
	background-image: url("./../../images/icon/infoM.png");
	border: solid 1px #ddd;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px
}
.innerError {
	background-image:url('./../../images/icon/errorSmall.png');
	background-position:1px center;
	background-repeat:no-repeat;
	margin-bottom:5px;
	padding:5px 5px 5px 25px;
	color:#cc0000;
}

span.required {
	color:#ff0000;
	font-weight:bold;
}
.w50 {
	float:left;
	width:40%;
	margin-right:5%;
}
p.SmallDescription, span.SmallDescription {
	font-size:10px;
}

.Highlight {
	background-color:#ffff00;
	color:#0000ff;
	padding:0px 2px;
}

input[type="radio"], input[type="checkbox"] {
    margin: 4px 5px 0 !important;
}

legend {
	width:auto !important;
}

/*********** Company Details *********/

#GoogleMapsDiv {
	width:100%;
}




/* MOBILE NAVIGATION */


#mobile-header {
	width:35px;
	margin-right:30px;
	z-index:1;
	position:relative;
	float:right;
}

#mobile-header a {
	padding:14px;
	display:block;
	float:left;
	background-color:#8FBD03;
	color:#FFFFFF;
	margin-bottom:20px;
}


/************** Footer **************/
.FooterNavigation, .FooterInformationen, .FooterNews, .FooterTwitter {
	width:230px;
	height:120px;
	float:left;
	padding-bottom:20px;
}


.MobileMarginNone {
	margin-right:0px !important; margin-left:0px !important;
}

/******* ALTE DESIGNELEMENTE ***********/


/*
	Moves elements out of the viewport and preserves no space for them.
	Use this class rather than "display: none"!
*/
.hidden {
	height:0;
	overflow:hidden;
	position:absolute;
	left:-9000px;
	max-width:8000px;
}
.none {
	display:none;
}


hr {
	display: block;
	height: 1px;
	border-style: solid none none;
	border-width: 1px 0 medium;
	border-color: #dddddd #ffffff
}
p {
	margin: 5px 0 0
}
h1 {
	color: #90bd01;
	font-size: 15px;
	margin-top: 0
}
h4 {
	color: #464646
}
strong {
	color: #464646
}
a {
	color: #0e5fc8;
	text-decoration: none
}
a:hover {
	text-decoration: underline
}
a:active, a:focus {
	outline:none
}
span.MarkText-1 {
	color: #464646;
	font-weight: bold
}

.SocialBookmark {
	margin-right: 5px;
	padding: 5px;
	border-bottom: 1px solid #ddd
}
.SocialBookmark:hover {
	border-bottom: 1px solid #0e5fc8
}
div.RSS img {
	float:left;
	margin-right:5px;
	margin-left:5px;
}
div.RSS p {
	padding-top:5px;
	font-size:11px;
}
div.RSS a {
	color: #0e5fc8;
	font-size: 11px;
	padding-top: 5px
}
img.Tag {
	margin-right:5px;
	vertical-align:middle;
}
img.Icon {
	margin-right:4px;
	vertical-align:bottom;
}
#GoogleMapsDivBig {
	background-color: #efefef;
	margin: 10px 0 25px;
	width: 100%;
	height: 500px;
	border: solid 1px #cfd6df;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px
}
/* Media Uploader */
.Progress {
	margin-top: 10px;
	width: 450px;
	height: 16px;
	border: solid 1px #cfd6df
}
.Bar {
	width:0px;
	height:100%;
	background-color:#006699;
}
.media-item {
	min-height:16px;
	width:100%;
}
.Crunching {
	display:block;
	line-height:32px;
	text-align:right;
	margin-right:5px;
}
.Filename.Original {
	float:left;
}
.listTable {
	margin: 0 0 15px;
	width: 100%;
	clear: both;
	border: solid 1px #cfd6df;
	border-collapse: collapse
}
.listTable thead, .listTable tr.tableHeader {
	background-color:#ebf3f7;
	color:#333333;
}
.listTable th {
	font-size: 11px;
	line-height: 1.3em;
	text-align: left;
	padding: 9px 15px 6px 10px;
	vertical-align: text-top;
	border-bottom: 1px solid #cfd6df
}
.listTable td {
	padding: 7px 15px 9px 10px;
	vertical-align: top;
	border-bottom: 1px solid #cfd6df
}
.listTable th.ActionLinks {
	text-align:right;
}
.listTable td.ActionLinks {
	text-align:right;
}
tr.CycleColor-1 {
	background-color: #fff
}
tr.CycleColor-2 {
	background-color:#ffffff;
}

.w50 h3 {
	margin-bottom:0.5em;
}
ul.ArchivList {
	margin-bottom: 1.5em;
	border-top: 1px solid #cfd6df
}
ul.ArchivList li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-bottom:0px;
	margin-left:0px;
}
ul.ArchivList li a {
	text-decoration: none;
	background-image: url("./../../images/icon/arrow-9-Small.gif");
	background-repeat: no-repeat;
	background-position: 5px 50%;
	display: block;
	padding: 0.5em 1em 0.5em 20px;
	border-bottom: 1px solid #ddd
}
div.ArchivRow {
	margin-bottom:30px;
}
div.ArchivRow h2 {
	font-size: 12px;
	margin-bottom: 3px
}

/* Useroffice */
p.UserActionLinks {
	text-align:right;
	font-size:11px;
}
div.UserItemInfobox {
	font-size:11px;
}
div.UserItemInfobox img.RatingIcon, div.UserItemInfobox img.PagerankIcon {
	vertical-align:middle;
}
div.UserItemErrorDiv {
	padding:7px 10px 7px 10px;
	color:#cc0000;
	background-color:#ffeeee;
	border:1px solid #cc0000;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
}
div.UserItemErrorDiv h3 {
	font-weight:normal;
	font-size:13px;
	padding-bottom:3px;
	border-bottom:1px solid #cc0000;
}
div.UserItemErrorDiv label {
	display:block;
	cursor:pointer;
	color:#444444;
	margin-bottom:5px;
}
div.UserItemErrorDiv div {
	color:#444444;
	font-size:11px;
}
#UserPostAddForm label {
	font-weight:bold;
	display:block;
	margin-top:10px;
}
#UserPostAddForm .mceEditor #Content_tbl {
	border: solid 1px #ddd
}
/** FAQ **/

.faq {
	margin-bottom:2em;
	border:0 none;
	margin-left:0;
	padding:0;
}
.faq dt {
	background-position:right 50%;
	background-repeat:no-repeat;
	border-bottom:1px dotted #BBBBBB;
	cursor:pointer;
	line-height:1.6;
	padding:0.3em 0;
}
.faq dt.off {
	background-image:url("./../../images/expand.gif");
}
.faq dt.on {
	background-image:url("./../../images/collapse.gif");
}
.faq dd {
	border-bottom:1px dotted #BBBBBB;
	line-height:1.6;
	padding:10px 0 10px 60px;
}
/*LastEntry*/
.LastEntry p {
	color: #6d6d6d;
	font-size: 14px !important;
	font-family: Arial;
	padding-right: 5px;
	padding-left: 5px
		   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}
.LastEntry img {
	padding-right: 5px;
	padding-left: 5px
}
.LastEntry span {
	color: #6d6d6d;
	padding-left: 5px
}
.LastEntry h3 {
	font-size: 14px !important;
	padding-left: 5px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:5px;
	
}
/** Änderungen ab Version 3.1.3 **/
.DebugTemplatePath {
	padding:2px;
	border:1px solid #ff0000;
	margin:5px;
}
.fatwitt {
	padding-bottom: 5px;
	width: 16px;
	height: 16px;
	vertical-align: middle
}
#TagArea {
	background: #fff 0 50%;
	margin-bottom: 10px;
	padding: 10px;
	margin-top:10px;
	border: solid 1px #ddd;
	height:100px
}

.Infobox dl dd {
    margin: 0 0 3px 0px !important;
	float:none !important;
}

.CompanyThumbnailDiv {
	float:none;
	height:auto !important;
}



#mobile-header {
    display: none;
}
@media only screen and (max-width: 767px){
    #mobile-header {
        display: block;
    }
}

/* MEDIA QUERIES */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	
	html, body, .navbar {
		font-size:14px !important;
		margin-right:0px;
	}
	
.SearchForm {
	background-color:#FBFBFB;
	border:1px solid #E9E5E5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:10px;
}

.SearchForm label {
	color: #272727;
    font-size: 15px
}

.searchWhat, .searchWhere, .searchRadius {
	float:left;
}

.searchWhat, .searchWhere {
	width:100%;
	padding-bottom:10px;
}

.SearchInput {
	width:100% !important;
}

.FooterNavigation, .FooterInformationen, .FooterNews, .FooterTwitter {
	width:130px;
}

.FooterInformationen {
	width:170px;
}

	
	
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	
	html, body, .navbar {
		font-size:14px !important;
		margin-right:0px;	
	}
	
.SearchForm {
	background-color:#FBFBFB;
	border:1px solid #E9E5E5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:10px;
	margin:10px;
	margin-right:15px;
	margin-left:0px;
}

.SearchForm label {
	color: #272727;
    font-size: 15px
}

.searchWhat, .searchWhere, .searchRadius {
	float:left;
}

.searchWhat{
	width:350px;
}

.searchWhere {
	width:250px;
}

.SearchInput {
	width:200px !important;
}

.FooterInformationen {
	width:170px;
}

.MobileMarginNone {
	margin-right:-15px !important; margin-left:-15px !important;
}

#page-wrapper {
padding-left:25px;
}

.Infobox dl dd {
    margin: 0 0 3px 100px;
}

.Infobox dl dt {
	width:100px;
	float:left;
}

.Infobox dl dt  { width: 125px;}

.CompanyThumbnailDiv {
	float:left;
	height:94px !important;
	width:110px !important;
}



}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	html, body, .navbar {
		font-size:12px;
		margin-right:0px;	
	}
	.navbar-default .navbar-nav > li:first-child a {
	border-left:none;
	padding-left:0px;
}

.SearchForm {
	background-color:#FBFBFB;
	border:1px solid #E9E5E5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:10px;
	margin-left:0px !important;
}

.SearchForm label {
	color: #272727;
    font-size: 15px
}

.searchWhat, .searchWhere, .searchRadius {
	float:left;
}

.searchWhat{
	width:420px;
}

.searchWhere {
	width:350px;
}

.SearchInput {
	width:280px !important;
}


.FooterInformationen {
	width:170px;
}


.formFieldLabel, .formGroupLabel {
	width:170px;
	text-align: right;
}

.formElement .formField,
.formGroup .formGroupField,
.formElement .formFieldDesc, #WebsiteTagsArea {
	margin-left:175px;
}

#GoogleMapsDiv {
	width:350px;
}

#page-wrapper {
padding-left:25px;
}
.Infobox dl dd {
    margin: 0 0 3px 100px;
}

.Infobox dl dt {
	width:100px;
	float:left;
}

.Infobox dl dt { width: 125px;}

.CompanyThumbnailDiv {
	float:left;
	height:94px !important;
	width:110px !important;
}

	
 }

/* additions by Ronny Brandt for Gmaps 27112022 */
.gmaps-confirm-separator{
	height: 35px;
}
#gmaps-negative-button{
	margin-right: 5px;
    background-color: white;
    border: 1px solid #333;
    padding: 5px;
    color: #333;
	cursor: pointer;
}
#gmaps-positive-button{
    background-color: #295785;
    border: 1px solid #295785;
	min-width: 80px;
    padding: 5px;
    color: white;
	cursor: pointer;
	transition: all 200ms ease;
}
#gmaps-positive-button:hover{
	background-color: #154c82;
	border-color: #154c82;
}
#gmaps-negative-button:hover{
	background-color: whitesmoke;
}
#gmaps-confirm{
    position: fixed;
    background-color: white;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 15px;
	max-width: 500px;
	min-width: 300px;
}
#gmaps-confirm-wrapper{
	display: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
	z-index: 1000;
    background-color: #555555AA;
	opacity: 0;
}
#gmaps-confirm-buttons{
	float: right;
}
#gmaps-default-image{
	width: 100%;
	height: 100%;
	background-image: url('/img/apps/gmapsDefault.png');
	display: table;
}
#gmaps-init-label{
    text-align: center;
    font-size: 1.3rem;
    display: table-cell;
    vertical-align: middle;
	background-color: #FFFFFF33;
	cursor: pointer;
	display: none;
}

#cookiesAllow{
    position: fixed;
    z-index: 10000;
    background-color: white;
    color: rgb(0, 0, 0);
    padding: 20px 40px;
    font-size: 13px;
    display: block;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
	box-shadow: 0 0px 11px 0px rgb(0 0 0 / 50%);
}
#cookiesAllowBtn{
	text-decoration: none;
    background-color: #333;
    cursor: pointer;
    color: #fff;
    border-radius: 3px;
    padding: 5px 15px;
}
#cookieAllowBtnWrapper{
	margin: auto;
	padding: 0 10px;
}
.cookiesFlexContainer{
	display: flex;
}
.cookiesFlex p{
	padding: 0;
}

@media only screen and (max-width: 600px) {
  	#cookiesAllow{
		padding: 15px;
	}
}