/*********************************************************************************************************************************************************************/
/* administration.css */
/*********************************************************************************************************************************************************************/	
	
     .showInDesktopOnly {
            display:inline !important;
        }

        .showInMobileOnly {
            display:none !important;
        }


    body {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-tap-highlight-color:rgba(0,0,0,0);
	}
	
	.StartpageHinweisTable {
		padding-bottom: 15px;
		margin-left: 17.5%;
		display: flex;
	}

	.StartpageHinweisTable .device-list-title {
		max-width: none;
		vertical-align: middle;
		text-align: left;
		padding-top: 4px;
	}

	.StartpageHinweisTable .device-list-title span {
		padding-right: 10px;
	}

	.StartpageHinweisTable .btn {
		min-width: 100px;
	}

	.StartpageHinweisButton {
		float: right;
		margin-right: 13%;
	}

	.advance-edition-link {
		height: 80px !important;
	}

	.custom-accodion-title-table th {
		vertical-align: top;
		padding-right: 15px;
	}

	.editionTeaserIcon {
		margin-top: 4px;
		position: absolute;
		right: 15px;
		top: 35%;
	}
	
	.editionTeaserIconImage:hover polyline {
		stroke: #3d4f60 !important;
	}

	.custom-accodion-descripttion .btn {
		min-width: 156px;
	}

	.custom-accodion-descripttion .administrationButtonInhalt {
		margin-left: 0px;
	}

	.custom-accodion-title .action-button {
		margin-top: -10px;
		margin-bottom: 10px;
	}

	.administrationStartpageH1 {
		background-color: transparent !important;
	}

	.administrationStartpageContent a {
		color: #009fe3 !important;
		background-color: #ffffff !important;
	}

	.administrationEditionenOverview .action-button {
		width: 60%;
	}

	.themepage {
		background-color: #eff3f6;
	}

	.statusActive {
		color: #009fe3;
		text-transform: uppercase;
	}

	.statusInactive {
		color: #798c9e;
		text-transform: uppercase;
	}

	.errorText {
		color: #FF0000;
		margin-top: 16px;
		padding-left: 20px;
		padding-right: 10px;
		width: 35%;
	}

	.errorTextWidth {
		width: 460px;
	}

	.custom-accodion-title .action-button .expand {
		float: left;
	}

	.custom-accodion-title .action-button .add-favorite {
		float: left;
	}

	.errorTextNoError {
		color: #009fe3;
	}

	.errorTextPruefergebnis {
		color: #FF0000;
		margin-top: -20px;
		margin-bottom: 40px;
	}

	.TextPruefergebnis {
		color: #85c63f;
		margin-top: -20px;
		margin-bottom: 40px;
	}
	.edition-selection {
		padding: 9px 35px 6px 24px;
	}

	.edition-selection ul {
		padding: 8px 17px 5px !important;
		margin: 0 !important;
		/*width: 100% !important;*/
		width: 300px !important;
	}

	.edition-label-2020 {
		background-color: #0053B7 !important;
	}

	.edition-label-2021 {
		background-color: #6E0098 !important;
	}

	.edition-label-2018 {
		background-color: #85c63f !important;
	}

	.administrationSelect {
		min-width: 328px;
		margin-right: 0px;
	}

	.administrationForm-input6 {
		padding-top: 3px;
	}

	.administrationFormGroupHeadline {
		float: left;
	}

	.administrationFormGroupDelete {
		padding-left: 150px !important;
	}

	.table-responsive.Fixed {
		position: fixed;
		top: 0px;								
		z-index: 1;		
	}

	.table-responsive label {
		font-size: 0.88em;
		font-weight: 600;
	}

	.administrationImageDelete {
		vertical-align: bottom;
		padding-left: 10px;
	}

	.administrationImageSearch {
		max-width: 393px !important;
	}

	.administrationImportFile {
		max-width: 328px !important;
	}

	.administrationSavebtn {
		max-width: 285px;
		margin-bottom: 70px;
	}

	.administrationSavebtnFullBlue {
		background-color: #009fe3 !important;
		color: #ffffff !important;
		border: 1px solid #009fe3 !important;
	}

	.administrationSavebtnFullBlue:hover {
		background-color: #ffffff !important;
		color: #009fe3 !important;
		border: 1px solid #009fe3 !important;
	}

	.administrationDeletebtn {
		color: #FF0000;
		border: 1px solid #FF0000 !important;
	}

	.administrationDeletebtn:active {
		background-color: #FF0000;
		border: 1px solid #FF0000;
	}

	.administrationDeletebtn:hover {
		color: #ffffff;
		background-color: #FF0000 !important;
		border: 1px solid #FF0000 !important;
	}

	.administrationSorterInput {
		max-height: 40px;
		width: 60px;
		height: 40px;
		margin-top: 16px;
		margin-right: 10px;
	}

	.administrationSorterInputNavigation {
		margin-top: 0px;
		margin-right: 0px;
	}

	.administrationTableResponsive {
		margin-top: 20px;
	}

	.company-listing li:first-child .administrationSorterInput {
		margin-top: -6px;
	}

	.company-listing li:first-child .errorText {
		margin-top: -6px;
	}

	.administrationInput {
		min-width: 328px;
		max-width: 450px !important;
	}

	.administrationInputReadOnly {
		font-size: 0.9em;
		padding-left: 8px;
	}

	.administrationInputNavigation {
		min-width: 300px;
	}

	.administrationEditionEinstellungen {
		max-width: 700px;
		min-width: 610px;
	}

	.administrationEditionEinstellungenRechts {
		width: 480px;
		min-width: 480px;
	}

	.device-management-form-block  .form-group .administrationSelect {
		width: 312px;
	}

	.administrationEditionDetailEinstellungen {
		max-width: 850px;
		min-width: 490px;
	}

	.administrationEditionDetailBearbeitenInhalt {
		max-width: 450px;
		min-width: 450px;
	}

	.administrationEditionDetailBearbeitenInhaltBreiter {
		max-width: 800px;
	}

	.administrationEditionDetailBearbeitenInhaltBreiter table tbody tr {
		background-color: #ffffff !important;
	}

	.administrationEditionDetailBearbeitenInhaltBreiter .administrationSorterInputNavigation {
		max-width: 48px;
	}

	.administrationEditionDetailBearbeitenInhaltBreiter select {
		max-width: 520px;
		min-width: 520px;
	}

	.compare-option-content .sorting-wrapper .recently-add {
		padding-left: 20px;
	}
	@media (max-width: 1529.98px) {
		.compare-option-content .sorting-wrapper .recently-add {
			padding-left: 10px;
		}
	}


	.administrationTextArea {
		width: 528px;
		background: #eff3f6;
	}

	.administrationEditionTabs {
		z-index: 1;
	}

	.administrationHeaderNewContent {
		margin-top: 40px;
	}

	.administrationEditionTabsContent .action-button {
		width: 300px;
	}

	.administrationEditionTabsContent .company-listing .group-name {
		width: 70%;
	}

	.administrationLeftContentArea {
		margin-left: 40px;
		margin-right: 40px;
	}

	.administrationInhaltDetailsInhalte {
		margin-top: -36px;
		margin-left: -106px;
		margin-right: -60px;
	}

	.administrationInhaltDetailsInhalte .ranking-group-info span.delete a {
		padding: 0px;
	}

	.administrationInhaltDetailsUnterrubrik {
		padding-bottom: 1px !important;
		padding-top: 0px !important;
	}

	.administrationInhaltDetailsUnterrubrik p {
		padding-left: 0px !important;
	}

	.administrationInhaltDetailsUnterrubrik p:hover {
		color: #009fe3;
	}

	.administrationInhaltDetailsRubrik {
		padding-bottom: 0px !important;
	}

	.administrationInhaltDetailsUnterrubrikLast {
		xpadding-bottom: 78px !important;
	}

	.administrationInhaltDetailsInhalte .form-control {
		display: inline;
	}

	.administrationInhaltDetailsInhalte p {
		display: inline;
	}

	.administrationInhaltDetailsInhalte .administrationSorterInput {
		margin-top: 6px;
		height: 30px;
		width: 50px;
	}

	.administrationButtonUnterrubrik {
		margin-left: 20px;
		margin-top: 0px;
	}

	.administrationButtonRubrik {
		margin-left: 20px;
		margin-top: 20px;
		background-color: #009fe3 !important;
		color: #ffffff !important;
		border: 1px solid #009fe3 !important;
	}

	.administrationButtonRubrik:hover {
		margin-left: 20px;
		margin-top: 20px;
		background-color: #ffffff !important;
		color: #009fe3 !important;
		border: 1px solid #009fe3 !important;
	}

	.administrationButtonInhalt {
		margin-left: 10px;
		margin-top: 10px;
		margin-bottom: 20px;
	}

	.administrationButtonInhaltLink {
		padding: 10px !important;
		font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
		display: contents !important;
	}

	.administrationEditionenOverview table tr td {
		text-align: left !important;
		font-weight: normal !important;
	}

	.administrationEditionenOverview table tr td.text-bold {
		font-weight: 600;
	}

	.administrationEditionenOverview table tr td.text-right {
		text-align: right !important;
	}

	.administrationEditionenOverview table tr td.text-center {
		text-align: center !important;
	}

	.administrationStarNoPadding {
		padding-left: 0px !important;
	}

	.administrationBevorStarNoPadding {
		padding-right: 0px !important;
	}

	.content-list {
		background-color: rgba(255, 255, 255, 0.90);
	}

	/* DUNKEL */

	.colordunkel a {
		color: #21572b !important;
	}

	.backgroundcolordunkel {
		background-color: #21572b !important;
	}

	.edition-2018 .content-list.dunkel:after {
		background-image: url(../images/icons/icon-right-edition-dunkel.svg);
	}

	.companies-portraits-group-alphabet h2 {
		padding-top: 15px;
	}

	.table tbody tr.VerticalAlignMiddle {
		vertical-align: middle;
	}

	.table tbody tr.VerticalAlignMiddle td {
		vertical-align: middle;
	}

	.table > tbody tr td:nth-child(4), 
	.table > tbody tr td:nth-child(5), 
	.table > tbody tr td:nth-child(7), 
	.table > tbody tr td:nth-child(8) {
		text-align: left;
	}

	select {
		max-width: 528px;
		width: 528px;
	}

	.administrationRubrikTable {
		width: 100%;
		background-color: #ffffff;

	}

	.administrationRubrikTable .administrationInhaltDetailsRubrik {
		padding-left: 2px;
		padding-top: 35px;
	}

	.administrationRubrikTable .administrationInhaltDetailsUnterrubrik {
		padding-left: 2px;
	}

	.administrationRubrikTable .administrationSorterInput {
		margin-left: 25px;
	}

	.administrationRubrikTableTdFirst {
		width: 85px;
		padding-top: 25px;
		padding-bottom: 8px;
	}

	.administrationGroupSavebtn {
		background-color: #ffffff;
	}

	.compare-option-content .current-close {
		float: right;
		padding-top: 14px; 
		padding-right: 20px;
		height: 20px;
	}

	.compare-option-content .sorting-wrapper {
		margin-left: 30px;
	}

	main .compare-options-wrap {
		padding-right: 0px;
		padding-left: 80px;
	}

     .sub-header .page-links a.link-print {
         float: right;
         position: relative;

         pointer-events: auto !important;
         cursor: pointer !important;

         display: inline-block;
         width: 24px;
         height: 30px;
         margin: 0px 0px 0px 10px;
     }

     .sub-header .page-links a.link-print svg {
         position: relative;
         top: 5px;
         
         width: 20px;
         height: 20px;
     }

     .sub-header .page-links a.link-print:hover svg,
     .sub-header .page-links a.link-print:hover svg path {
         fill: #009fe3;
     } 


     @media (max-width: 575.98px) {
    main .compare-options-wrap {
        padding-left: 5px !important;
    }

    .current-close {
        margin-right: 10px !important;
    }
}

	.Width100 {
		width: 100% !important;
	}

	.RadioBildausrichtung {
		min-width: 25px;
		width: 25px !important;
		margin-right: 20px;
		background-color: #ffffff !important;
	}

	.TextBildausrichtung {
		font-size: 14px;
		vertical-align: top
	}

	.sub-header .paging-control a.next-page {
		margin-left: 17px;
		margin-right: -10px;
		padding: 15px 20px 15px 20px;
		white-space: nowrap;
	}

	.sub-header .paging-control a.prev-page {
		margin-left: 17px;
		margin-right: 18px;
		padding: 15px 20px 15px 20px;
	}

	.bg-img {
		background-position: top center;
	}

	.modal-content-small {
		margin-left: auto;
		margin-right: auto;
		width: 75%;
	}

	.modal-content-new .modal-content-checkbox {
		width: 20px;
		float: left;
		margin-top: 6px;
		margin-right: 5px;
	}

	.modal-content-new .modal-body {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	.advance-edition-block-inactive {
		opacity: 0.5;
		-webkit-transition: opacity .25s ease-in-out;
		-moz-transition: opacity .25s ease-in-out;
		-ms-transition: opacity .25s ease-in-out;
		-o-transition: opacity .25s ease-in-out;
		transition: opacity .25s ease-in-out;
	}

	.advance-edition-block-inactive:hover {
		opacity: 1;
		-webkit-transition: opacity .25s ease-in-out;
		-moz-transition: opacity .25s ease-in-out;
		-ms-transition: opacity .25s ease-in-out;
		-o-transition: opacity .25s ease-in-out;
		transition: opacity .25s ease-in-out;
	}

	.ranking-tabs-content-wrap {
		margin-top: 128px;
	}

	.ranking-tabs-wrap + .ranking-tabs-content-wrap {
		margin-top: 177px;
	}
	
	.edition-selection {
		padding-top: 7px;
	}

	.custom-tooltip-wrape {
		margin-top: -2px;
	}

	.imageDelete {
		float: right;
		height: 30px;
		margin-top: -20px;
		margin-right: -75px;
	}

	.editionTeaser .administrationTextArea {
		width: 570px;
	}

	.editionTeaser .RadioBildausrichtung {
		margin-top: 0px !important;
	}

	.datepicker {
		margin-top: 177px;
	}

	.DatePickerIcon {
		background-image: url(../images/datepickericon.png);
		background-repeat: no-repeat;
		background-position: center center;
		width: 32px;
		background-color: #bcccd9;
		border-radius: 0px 5px 5px 0px;
	}

	.datepickerInput {
		max-width: 35%;
		min-width: 35%;
	}

	.InitDatePicker {
		width: 50%;
	}

	.datepicker-form-group {
		max-width: 580px; 
	}

	.InitDatePickerLabel {
		float: left;
		width: 120px !important;
	}

	.InitDatePickerLabel label {
		width: 100%;
	}

	.table-responsive-editionTeaser {
		overflow-x: hidden;
	}

	.sidebar-toggle {
		margin-top: 2px !important;
	}

	.ranking-group-info .add-favorite {
		height: 60px;
		width: 60px;
		top: 0px;
		right: 0px;
	}

	.ranking-group-info .add-favorite svg {
		margin-left: 13px;
		margin-top: 13px;
	}

	.favoritesTable .favoritesTableExpand {
		width: 40px;
	}

	 .favoritesTable .favoritesTableFavorite {
		width: 45px;
	}

	.favorite-list .custom-accodion-title .action-button {
		width: auto;
	}

	x.compare-result-content .single-view {
		left: 8%;
	}

	x.compare-result-content.compare-result-right .single-view {
		left: 57%;
	}

	.ScrollbarHidden {
		overflow: hidden;
	}

	.compare-content-area-inner {
		display: block;
		margin: 20px auto 20px 20px;
	}


	.modal.favorite-modal .modal-content .modal-body {
		position: relative;
	}

	.modal-open .modal.favorite-modal{
		overflow-y: scroll;
	} 
	
	.edition-block-transparent {
		opacity: 0.5
	}

	.search-wrap-small {
		margin-right: 10px;
	}

	.search-wrap-small .reset span {
		display: none;
	}

	.search-wrap-small form #search {
		padding: 6px 0px 6px 10px;
	}

	.search-trigger-small svg {
		top: 0px;
	}

	thead.Hidden {
		visibility: hidden !important;				
	}

	.TableExpandableTopMargin {
		top: 160px;
	}

	.ranking-tabs-wrap {
		top: 133px;
	}

	.tableResponsiveStackedBorder {
		border-top: 10px solid #ffffff;
	}

	.tableResponsiveStackedBorderStyles {
		table-layout: fixed;
		margin-bottom: 0px;
	}

	.table-responsiveStyles {
		background-color: #fff;
		overflow-x: hidden;
	}

	.alphabet-list{
		top: 133px;	
	}

	.table-responsive tr:hover polyline {
		stroke: #009fe3 !important;
	}

	/*****************************************************************************************************************************************************************/
	/* Loading Icon / Text */
		.divLoadingIconText {
			display: inline-block;
			padding: 0px 0px 0px 24px;
			
			background-image: url(../images/icons/loading-small.gif);
			background-position: left 3px;
			background-repeat: no-repeat;
		}	


	/*****************************************************************************************************************************************************************/
	/* Loading Overlay*/
		.divLoadingOverlay {
			display: none;
			
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100%;
			height: 100%;
			
			text-align: center;
			background-color: rgba(255,255,255,1)
		}	

		.divLoadingOverlay div.Loading {
			display: inline-block;
			margin: 20px 0px 0px 0px;
			padding: 0px 0px 0px 24px;
			
			background-image: url(../images/icons/loading-small.gif);
			background-position: left 3px;
			background-repeat: no-repeat;
		}



	/*****************************************************************************************************************************************************************/
	/* Comparison Options Wrap */
		.divComparisonOptionsWrap {

		}
	

	/*****************************************************************************************************************************************************************/
	/* Comparison Options */
		.divComparisonOptions {

		}

		/* Compare Option Trigger */
			.divComparisonOptions a.compare-option-trigger {
				margin-top: 12px;
			}


		/* Edition Selection */
			.divComparisonOptions div.edition-selection-wrap {
				margin-top: 5px !important;
			}

			.divComparisonOptions div.edition-selection-wrap div.edition-selection {
				padding: 5px 50px 5px 24px !important;
			}



            @media (max-width: 575.98px) {
                .divComparisonOptions div.edition-selection-wrap div.edition-selection {
                    padding: 5px !important;
                }
            }


		/* Close */
			.divComparisonOptions div.current-close {
				margin-top: 12px;
				margin-bottom: 10px;
			}

			.divComparisonOptions div.current-close a {
				position: relative;
				display: inline-block;						
				padding: 0px 0px 0px 24px;
			}

			.divComparisonOptions div.current-close a svg {
				position: absolute;
				top: 2px;
				left: 0px;
			}

			.divComparisonOptions div.current-close a span {
				display: block;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
			}



	/*****************************************************************************************************************************************************************/
	/* Login Content Right */
		.divLoginContentRight {
			position: relative;
			padding-bottom: 100px;
		}



		.divLoginContentRight div.new-users {
			left: 50% !important;
		}



	/*****************************************************************************************************************************************************************/
	/* Login Popup Nutzungsbedingungen */
	#nutzungsbedingungen {
		overflow-x: hidden;
		overflow-y: auto;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		xz-index: 1050;
		outline: 0;
	}


	
/*********************************************************************************************************************************************************************/
/* Media - 0px bis 1499.98px */
/*********************************************************************************************************************************************************************/
	@media (max-width: 1499.98px) {
		.compare-option-content .sorting-wrapper {
			position: relative;
			z-index: 2;		
		}

		.compare-option-content .sorting-wrapper .recently-add {
			padding-left: 0px;
		}

		.compare-option-content .current-close {
			clear: both;
			float: none;

			margin-left: 30px;
			margin-top: 10px;
			padding-top: 0px;
			padding-right: 0px;

			white-space: nowrap;
		}

		.compare-option-content .current-close svg {		
			position: relative;
			top: 5px;
			right: auto;		

			display: inline-block;
			float: left;
			margin-right: 5px;
		}

		.compare-option-content .current-close span {
			display: inline-block!important;
			font-size: 14px;
			line-height: 19px;
			padding-left: 0px;				
		}

		.compare-option .edition-selection-wrap {
			margin-left: 0px;
			float: left;
		}		

		.ranking-tabs-content-wrap {
			margin-top: 128px;
		}

		.ranking-tabs-wrap + .ranking-tabs-content-wrap {
			margin-top: 177px;
		}
		
		
		/*****************************************************************************************************************************************************************/
		/* Comparison Options */
			.divComparisonOptions {

			}



			/* Edition Selection */
				.divComparisonOptions div.edition-selection-wrap {
					
				}

				.divComparisonOptions div.edition-selection-wrap div.edition-selection {
					
				}							
		
				.divComparisonOptions div.edition-selection-wrap div.edition-selection.dropdown-open {
					background-color: #3d4f60;
				}
		
				.divComparisonOptions div.edition-selection-wrap div.edition-selection .active-edition {
					border: 1px solid #ffffff;
				}
		
				.divComparisonOptions div.edition-selection-wrap div.edition-selection ul {
					position: absolute;
					padding: 8px 17px 5px 17px;
					
					background-color: #3d4f60;
				}
				
				.divComparisonOptions div.edition-selection-wrap div.edition-selection ul li {
					color: #ffffff;
				}
		
				.divComparisonOptions div.edition-selection-wrap div.edition-selection ul li a {
					color: #bccbd9;
				}



			/* Close */
				.divComparisonOptions div.current-close {

				}
		
				.sidebar-toggle {
					display: none !important;
				}

		
	}




/*********************************************************************************************************************************************************************/
/* Media - 0px bis 1199.98px */
/*********************************************************************************************************************************************************************/
	@media (max-width: 1199.98px) {
		.alphabet-list {
			top: 119px;
		}
		
		.ranking-tabs-wrap {
			top: 119px;
		}
		
		.TableExpandableTopMargin {
			top: 155px;
		}
		
		.branch-logo div.mobile-logo {
			display: block !important;
			height: 54px;
			width: 34px;
		}
		
		.advance-edition-link {
			height: 72px !important;
		}

		.compare-result-content .single-view {
			left: 2%;
		}

		.compare-result-content.compare-result-right .single-view {
			left: 52%;
		}

		.sidebar-toggle {
			margin-top: 5px !important;
		}

		.administrationInhaltDetailsInhalte {
			margin-top: -36px;
			margin-left: -74px;
			margin-right: -26px;
		}

		.home-content {
			margin-top: 70px;
		}

		.ranking-tabs-content-wrap {
			margin-top: 128px;
		}

		.ranking-tabs-wrap + .ranking-tabs-content-wrap {
			margin-top: 177px;
		}

		.modal.favorite-modal .modal-content .modal-body .group-name strong {
			position: absolute;
		}
		
		.sidebar-toggle {
			display: block !important;
		}
	}



/*********************************************************************************************************************************************************************/
/* Media - 992px bis 1499.98px */
/*********************************************************************************************************************************************************************/
	@media (max-width: 1199.98px) and (min-width: 992px) {
		.companies-portraits-group-info a .group-info-detail p:nth-child(2) {
			width: 21% !important;
		}
		.companies-portraits-group-info a .group-info-detail p:nth-child(3) {
			width: 25% !important;
		}
		.companies-portraits-group-info a .group-info-detail p:nth-child(5) {
			width: 16% !important;
		}
		.sub-header .page-links li:first-child {
			display: none;
		}
		.sub-header .paging-control a.prev-page {
			margin-left: 0px;
		}
		.content-list {
			display: flex;
			justify-content: center;
			align-items: center;
			align-self: center;
			text-align: center;
			width: 100%;
			min-height: 120px;
			padding: 32px;
			margin: 0 0 30px;
			position: relative;
			text-transform: uppercase;
			font-family: "Archivo Narrow", Arial, Helvetica, sans-serif;
			font-weight: 700;
		}
	}

/*********************************************************************************************************************************************************************/
/* Media - 768px bis 1199.98px */
/*********************************************************************************************************************************************************************/
	@media (max-width: 1149.98px) and (min-width: 768px) {
		.ranking-tabs-wrap {
			top: 118px;
		}
	}

/*********************************************************************************************************************************************************************/
/* Media - 992px bis 1499.98px */
/*********************************************************************************************************************************************************************/
	@media (max-width: 1024.98px) and (min-width: 992px) {

		.col-lg-4 {
			flex: 0 0 50%;
			max-width: 50%;
		}
	}

/*********************************************************************************************************************************************************************/
/* Media - 768px bis 991.98px */
/*********************************************************************************************************************************************************************/
	@media (max-width: 991.98px) and (min-width: 768px) {
		.alphabet-list {
			top: 118px;
		}
		
		.StartpageHinweisTable .device-list-number {
			margin-right: 20px;
		}

		.custom-accodion-descripttion {
			max-width: 800px;
		}

		.advance-edition-link {
			height: 72px !important;
		}

		/*	
		.companies-portraits-group-info a .group-info-detail p:first-child, 
		.companies-portraits-group-info a .group-info-detail p:nth-child(4) {
			width: 22% !important;
		}
		*/

		.companies-portraits-group-info a .group-info-detail {
			display: flex;		
			flex-wrap: wrap;	
			flex-direction: row;
		}


		.administrationEditionEinstellungen .form-group label {
			width: 133px;
		}

		.edition-selection-wrap {
			margin-top: -3px !important;
		}

		.ButtonTextLabel {
			min-width: 132px;
		}

		.InitDatePickerLabel {
			width: 23% !important;
		}

		.search-wrap {
			border-top: 0px;
		}

		/* Heiko K: entfernt wegen problem auf Seite "http://nielsen.top-firmen-digital.hald.de/2017/Firmen" wegen SEarch iput problem bei TAblet Hochformat */
		/*.search-wrap .form-group input {
			width: 35%;
			float: right;
			margin-right: 55px;
			margin-top: -23px;
			margin-bottom: 17px;
		}

		.search-wrap .form-group button {
			margin-right: 55px;
			margin-top: -23px;
		}

		*/			


		.search-trigger {
			margin-right: 10px;
		}

		.InitDatePicker {
			width: 50%;
		}

		.datepicker-form-group {
			max-width: 595px; 
		}

		.editionTeaser .administrationTextArea {
			width: 585px;
		}

		.imageDelete {
			margin-right: -55px;
		}

		.administrationFormGroupDelete {
			xpadding-left: 340px !important;
		}

		.administrationInhaltDetailsInhalte {
			margin-top: -60px;
		}

		.bg-img {
			background-position: top center;
		}

		.compare-option-content .current-close {
			float: left;
		}

		.home-content {
			padding: 24px 26px 118px 74px;
		}

		.bg-imgCenter {
			background-position: center center;
		}

		.sub-header .edition-selection-wrap .edition-selection {
			padding-top: 0px;
		}

		.edition-selection {
			padding-top: 20px;
			xposition: absolute;
		}

		.custom-tooltip-wrape .custom-tooltip {
			left: 0px;

			transform: translateX(0%);
			-webkit-transform: translateX(0%);
			-moz-transform: translateX(0%);
			-ms-transform: translateX(0%);
			-o-transform: translateX(0%);
		}

		.custom-tooltip-wrape .custom-tooltip::before {
			left: 7px;

			transform: translateX(0%);
			-webkit-transform: translateX(0%);
			-moz-transform: translateX(0%);
			-ms-transform: translateX(0%);
			-o-transform: translateX(0%);
		}

		.sub-header .paging-control a.prev-page {
			padding: 15px 0px 15px 0px;
		}

		.sub-header .paging-control a.next-page {
			padding: 15px 10px 15px 0px;
		}

		.modal.favorite-modal .modal-content .modal-body .group-name strong {
			position: absolute;
		}
	}

@media (max-width: 840.00px) {

    .header-main .company-name  {
			display: none;
		}
}

/*
@media (max-width: 700.00px) {

   .divComparisonOptions div.current-close a span 
   {
	display: none;
   }
}
*/


/*********************************************************************************************************************************************************************/
/* Media - 0px bis 767.98px */
/*********************************************************************************************************************************************************************/
	@media (max-width: 767.98px) {
		
        .showInDesktopOnly {
            display:none !important;
        }

        .showInMobileOnly {
            display:inline !important;
        }        
        
        .header-main .company-name  {
			display: none;
		}


        .table > tbody tr.second-level td:first-child, .table > tbody tr.second-level td:nth-child(2) {
			padding-left: 14px !important;
		}
		
		.table > tbody tr.third-level td:first-child, .table > tbody tr.third-level td:nth-child(2) {
			padding-left: 14px;
		}
		
		.TDempty {
			display: none !important;
		}
		
		.alphabet-list {
			top: 112px;
		}
		.TableExpandableTopMargin {
			top: 110px;
		}

		.StartpageHinweisTable {
			margin-left: 3%;
		}

		.StartpageHinweisTable .device-list-title {
			padding-top: 0px;
			padding-left: 10px;
			padding-right: 20px;
		}

		.StartpageHinweisTable .StartpageHinweisButton {
			margin-top: -6px;
			margin-right: 3%;
		}

		.Left .left-content-area .compare-content-area-inner {
			margin: 20px auto 20px 0px;
		}

		.compare-content-area-inner ul {
			margin-left: -21px;
		}

		main .compare-options-wrap {
			padding-left: 15px;
		}

		.device-management-my-edition .edition-label {
			max-width: 250px;
		}

		.modal.favorite-modal .modal-content .modal-body .group-name strong {
			position: relative;
			xfloat: left;
			width: 70%;
		}

		.modal.favorite-modal .modal-content .modal-body .company-listing .action-button {
			position: absolute;
			right: 15px;
			width: auto;
		}

		.modal.favorite-modal .modal-content .modal-body .group-name .checkbox {
			vertical-align: top;
		}

		.modal.favorite-modal .modal-content .modal-body .company-listing .action-button .edition-label {
			font-size: 0.6em;
		}

		.modal.favorite-modal .modal-content .modal-body .custom-accodion-title {
			display: flex;
		}

		.advance-edition-link {
			height: 59px !important;
		}

		.left-navbar .bottom-menu li {
			width: 25%;
		}

		.ranking-tabs-wrap + .ranking-tabs-content-wrap {
			margin-top: 107px;
		}

		.search-trigger {
			margin-right: 10px;
		}

		.bottom-menu {
			text-align: center;
		}

		.favoritesTableEdition .edition-label {
			font-size: 0.6em;
			min-width: 60px;
		}

		.compare-result-content .single-view {
			left: 5%;
		}

		.compare-result-content.compare-result-right .single-view {
			left: 55%;
		}

		.edition-selection {
			padding-top: 20px;
			padding-bottom: 0px;
		}

		.edition-selection-wrap {
			margin-top: -7px !important;
		}

		.modal.favorite-modal .modal-content .sub-header .page-links {
			width: auto;
		}

		.InitDatePickerLabel label {
			width: 100% !important;
		}

		.InitDatePickerLabel {
			width: 153px !important;
		}

		.editionTeaser textarea {
			max-width: 630px;
		}

		.table-responsive-editionTeaser {
			overflow-x: auto;
		}

		.datepicker-form-group {
			max-width: 640px; 
		}

		.datepicker {
			margin-top: 110px;
		}
		.editionTeaser .administrationTextArea {
			width: 100%;
		}

		.imageDelete {
			margin-right: -45px;
		}

		.content-section-header {
			padding-bottom: 20px;
		}

		.lastPagesLink {
			display: none !important;
		}

		.home-content .bottom-menu {
			display: block;
			position: inherit;
			margin-left: 15px;
		}
		
		.editionTeaserIcon {
			margin-top: -2px !important;
		}

		.home-content .bottom-menu ul li {
			padding-top: 30px;
			margin: 0 5px !important;
		}

		.section-with-sidebar {
			margin-top: 107px;
		}

		.ranking-group-info div a {
			padding-bottom: 10px !important;
		}

		.ranking-tabs-content-wrap {
			padding: 20px 15px;
			xmargin-top: 70px !important;
			xpadding-left: 36px !important;	
		}

		.alphabet-list + .ranking-tabs-content-wrap {
			margin-top: 70px !important;
			padding-left: 36px !important;	
		}

		.tab-pane-title h2 {
			padding-left: 20px;	
		}

		.alphabet-list {
			padding-top: 20px;
		}

		.alphabet-list ul li{
			padding-top: 10px;
		}

		.ranking-tabs-content-wrap .table-responsive {
			/*overflow-x: inherit;*/
		}

		.nav-tabs {
			padding-top: 10px;
		}

		.administrationEditionEinstellungen .form-group label {
			width: 150px;
		}

		.administrationSavebtn {
			margin-top: 0px;
		}

		.administrationEditionTabs div a {
			margin-right: 10px !important;
		}

		.administrationInhaltDetailsInhalte {
			margin-top: -96px;
			margin-right: -15px;
			margin-left: -15px;
		}

		.bg-img {
			background-position: center center;
		}

		.left-navbar {
			top: 51px;		
			z-index: 3;		

			height: calc(100vh - 51px);
		}

		.home-content {
			margin-top: 60px;
		}

		.compare-option-content {
			position: absolute;
			top: 100%;
			left: 0;
			background-color: #fff;
			box-shadow: 1px 0 3px rgba(0, 0, 0, 0.5);
			z-index: 9;
			max-width: 185px;
		}

		.compare-option-content .current-close a.current-close-trigger svg {
			top: 2px;
		}

		.compare-option-content .current-close svg {
			top: -16px;
		}

		.compare-options-wrap {
			margin-top: 102px;
		}

		.modal-content-new .modal-heading {
			padding-top: 15px !important;
		}

		.modal-content-new .modal-content-checkbox {
			margin-top: 5px;
		}

		.ranking-group-info a .righ-arrow {
			top: 2px;
		}

		.modal-content-new .modal-body {
			margin: 0px;
		}

		.ranking-page-content {
			margin-top: 101px;
		}

		.sub-header .paging-control a.next-page {		
			padding: 3px 10px 0px 10px;		
		}

		.sub-header .paging-control a.prev-page {		
			padding: 3px 10px 0px 10px;
		}

		.sub-header .paging-control a.back-page-link {
			display: none !important;
		}


		.custom-tooltip-wrape .custom-tooltip {
			left: 0px;

			transform: translateX(0%);
			-webkit-transform: translateX(0%);
			-moz-transform: translateX(0%);
			-ms-transform: translateX(0%);
			-o-transform: translateX(0%);
		}

		.custom-tooltip-wrape .custom-tooltip::before {
			left: 7px;

			transform: translateX(0%);
			-webkit-transform: translateX(0%);
			-moz-transform: translateX(0%);
			-ms-transform: translateX(0%);
			-o-transform: translateX(0%);
		}
		
		
		
		/*****************************************************************************************************************************************************************/
		/* Comparison Options Wrap */
			.divComparisonOptionsWrap {
				/*margin-top: 91px;*/
                margin-top: 110px;
			}

		
		/*****************************************************************************************************************************************************************/
		/* Comparison Options */
			.divComparisonOptions {

			}

			
			/* Close */
				.divComparisonOptions div.current-close {
					
				}

				.divComparisonOptions div.current-close a {
					padding: 4px 0px 0px 5px;
				}

				.divComparisonOptions div.current-close a svg {
					position: static;
				}

				.divComparisonOptions div.current-close a span {
					display: none;
				}
		
		
		/*****************************************************************************************************************************************************************/
		/* Table Responsive Stacked */
			table.tableResponsiveStacked {
				display: block;
				table-layout: fixed;
			}


			/* Colgroup */
				table.tableResponsiveStacked colgroup {
					display: none;						
				}


			/* Head */
				table.tableResponsiveStacked thead {
					display: none;
				}


			/* Body */
				table.tableResponsiveStacked tbody {
					width: 100%;
				}

				table.tableResponsiveStacked tbody tr {
					display: inline-block;
					width: 100%;

					padding: 10px 0px 10px 0px;
				}

				table.tableResponsiveStacked tbody tr td {
					display: inline-block;
					width: 100%;

					padding: 4px 0px 4px 14px;

					text-align: left !important;
				}

				/* Label */
					table.tableResponsiveStacked tbody tr td[data-label]::before {
						display: inline-block;
						content: attr(data-label);

						padding-right: 13px;

						font-weight: bold;

					}

                    /*
                    table.tableResponsiveStacked tbody tr td[data-extra]::before {
						display: inline-block;
						content: attr(data-extra);

						/*padding-right: 13px;
						font-weight: bold;*/

					}*/


				/* Varianten: BevorStarNoPadding */
					table.tableResponsiveStacked tbody tr td.administrationBevorStarNoPadding {
						clear: both;							
						float: left;	
						width: auto;
					}

				/* Varianten: StarNoPadding  */
					table.tableResponsiveStacked tbody tr td.administrationStarNoPadding {
						float: left;
						width: auto;
						margin-left: 0px !important;
					}
		
	}

/*********************************************************************************************************************************************************************/
/* Media - 0px bis 575.98px */
/*********************************************************************************************************************************************************************/
	@media (max-width: 575.98px) {
		.TableExpandableTopMargin {
			top: 105px;
		}

		.StartpageHinweisTable {
			margin-bottom: 70px;
		}

		.StartpageHinweisTable .device-list-title {
			margin-top: -8px;
		}

		.StartpageHinweisTable .StartpageHinweisButton {
			position: absolute;
			padding-top: 55px;
		}

		form select {
			margin-bottom: 0px;
		}

		.header-main .back-link {
			top: 20px;
		}

		.header-main .company-name  {
			display: none;
		}

		.header-main .company-name h2 {
			padding-top: 4px;
		}

		.header-main .menu-trigger {		
			padding-top: 4px;
		}

		.header-main .edition-selection-wrap {		
			margin-left: 0px;
		}
		
		
		/*****************************************************************************************************************************************************************/
		/* Comparison Options Wrap */
			.divComparisonOptionsWrap {
				
			}

		
		
		/*****************************************************************************************************************************************************************/
		/* Comparison Options */
			.divComparisonOptions {
				position: relative;
				padding-left: 0px !important;
			}

			
			/* Close */
				.divComparisonOptions div.current-close {
					position: absolute;
					top: 0px;
					right: 0px;
					z-index: 10;
					
					margin-right: 10px;
				}

				
		
		
	}



/*********************************************************************************************************************************************************************/
/* Additional */
/*********************************************************************************************************************************************************************/
	.error {
		color: #FF0000;
	}

	.note {
		color: #009fe3;
	}