/** Standard = BIG-Aufl�sung / Desktop **/
	.hideIfSmall { display: block; }
	.showIfSmall { display: none; }
	.hideIfBig { display: block; }
	#wrapper .showIfDesktop, #wrapper .showIfIpad, #wrapper .showIfPhone {
		display: none;
	}

	
	
	
@media screen and (max-width: 1600px) {

	/* header tooltip*/
	
	#header_wrapper .progress_bar.hover_information > span {
		width: 140px;
	}
	/* Mainmenu */
		#header_wrapper {
		    width: 270px;
		}
		.navbar-inner .use_profile_image {
		    margin-left: 15px;
		    margin-bottom: 30px;
		}
		#mainmenu_wrapper .nav > li > a,
		#mainmenu_wrapper .nav > li > span {
		    margin-left: 15px;
		    font-size: 20px;
		}
		#mainmenu_wrapper nav li:not(.divider) .nav-child li {
		    margin-left: 15px;
		    margin-right: 15px;
		}
		#mainmenu_wrapper {
		    width: 270px;
		}
		.navbar .progress_bar{
			margin-right: 15px;
		}

	/* Page wrapper */
		#page_wrapper {
		    margin-left: 270px;
		    width: calc(100% - 270px);
		}

	/* Topbar */
		#topbar {
		    width: calc(100% - 270px);
		}

		.employees .dashboard_blocks .information_box h3{
			min-height: 70px;
		}
}

@media screen and (min-width: 1401px){
    .employees p.pull-right.employee_hinweis{
        max-width: 599px;
    }
}

@media screen and (min-width: 1400px){
	#employee_edit_profile_anrede,
	#profile_anrede,
	#profile_email{
		width: calc( 50% - 15px);
	}

	#employee_edit_profile_profile_type{
		width: 100%;
		float:none;
	}

	/*  wenn etwas volle Breite nutzt, dann sollte es nicht floaten. PM RH 27.11.20 wegen /mein-profil: https://trello.com/c/Puv12YCj/196-2020-11-user-setting-erhalt-von-werblichen-e-mails-und-benachrichtigungen-unsubscribe#comment-5fc10d10edb7b18798576511 */
	.col-md-12 {
		width: 100%;
		float: none;
		clear: both;
	}
	.freigeschaltet{
		text-align: right;
	}
}

@media screen and (max-width: 1400px) {
	/* Footer */
		.footer_container {
		    padding: 30px 0px;
		}

	/*Dashboard boxes*/	
		.information_box{
			padding:25px;
		}
		.information_box.items_per_row_2 .lower_content {
			position: static;
		}
		.information_box.items_per_row_3 .ranking_list{
			margin-left: -25px;
			margin-right: -25px;
		}
		.dashboard_blocks{
			margin-top: 25px;
		}

		.reward_box{
			margin-top: 25px;
		} 		
		
		.ranking_list .employee_list_image .round_image{
			width: 95%;
			max-width: 95px;
		} 

		@media screen and (min-width: 680px){
			.items_per_row_2.information_box{
				background-position: right 20px bottom 25px;
			}
		}
		
	/*Checkout*/
		#checkout_productlist .list .list_row{
			display: block;
		}

		#checkout_productlist .list .list_row .left_content,
		#checkout_productlist .list .list_row .right_content{
			float:none;
			width: 100%;
		}

		#checkout_productlist .list .list_row .left_content{
			margin-bottom: 10px;
		}
		.employee_hinweis{
			float: none !important; 
			margin-top: 20px; 
		}
}

@media screen and (max-width: 1399px){
	.container {
	    width: 920px;
	}
	/*Nutzerverwaltung*/
	#employee_list .single_employee .employee_big .buttons{
		margin-top: 0;
	}
	#employee_list .single_employee .employee_big .employee_summary{
		margin-top: 20px;
		float: left !important;
	}
}

@media screen and (max-width: 1200px) {
	/* Basics */
		.container {
			width: 100%;
		}

	/* Topbar */
		#topbar .userinfos {
			margin-left: 280px;
		}

	/* Learning path */
		.pm_filter_container #itemList {
		    width: 96%;
		    margin: 20px auto;
		    float: none;
		}

		.pm_filter_container > div:first-of-type{
			display: block;
			float: none;
		}

	/* eshop */
		.view_shop .seminar_item {
			width: 33.33333333%;
		}

	#banner .apcarousel_aplikko .carousel-caption { 
		width: 940px;
	}
	#banner .apcarousel_aplikko .carousel-control.left {
		margin-left: -24px;
	}
	#banner .apcarousel_aplikko .carousel-control.right {
		margin-left: -24px;
	}

	/* Login / Register */
		body:not(.is_loggedin) #page_wrapper {
		    padding-top: 60px;
		}

	/* Menu */
		.menuicon {
			display: block;
		}
		#mainmenu_wrapper {
		    background-image: linear-gradient(#0673A8, #002B40);
	        position: fixed;
		    width: 270px;
		    left: -270px;
		    top: 60px;
		    bottom: 0;
		    transition: .3s ease-in-out;
		}
		#mainmenu_wrapper.open {
		    left: 0px;
		}
		#mainmenu_wrapper .navbar-inner .mod_profileimage{
			margin-top: 35px;
		}  
		#mainmenu_wrapper .navbar-inner .mod_profileimage .use_profile_image{
			margin-bottom: 0;
		}
		#mainmenu_wrapper .navbar-inner .navbar{
			margin-top: 15px;
		}
		#mainmenu_wrapper .navbar-inner .navbar ul.nav{
			overflow: auto;
			height: calc( 100vh - 190px);
			padding-bottom: 40px;
		}
		#header_wrapper {
			background-color: transparent;
			background-image: none;
			height: auto;
			z-index: 999;
			box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
		}
		#header_wrapper #header {
			margin-bottom: 0;
		}
		#header_wrapper #header img {
		    max-height: 25px;
		}
		#topbar {
			padding: 8px 0 7px;
			width: 100%;
		}
		body.view_login #topbar,
		body:not(.is_loggedin) #topbar{
			top: 0;
    		height: 61px !important;
		} 
		#page_wrapper {
		    margin-left: 0px;
		    width: 100%;
		}

	/*shop*/
		#shop_filter .filter_item select option{
			height: 30px;
		}

	/*over popup*/
	.cover_overlay_container .cover_overlay .information_icon i + span{
        top: -13px;
        left:0;
        transform: translate(0, -100%);
	}
	.cover_overlay_container .cover_overlay .information_icon i + span::after{
		left:10px;
	}

	.chapter_content .information_icon .hover_information > span{
		right:-20px;
		transform: translate(0%,-100%);
		width: calc(400% + 40px);
	}
	.hover_information > span::after{
		right: 14%;
		transform: rotate(-135deg);
	}

	/*tooltip sharing*/
	.share_employee .hover_information > span::after {
		right: -6px
	}
}

@media screen and (max-width: 1174px){

	.remove_side_margin{
		margin-left:0;
		margin-right:0;
	}

	.remove_side_margin > div{
		padding-left: 0;
		padding-right: 0;
	}
	
	/*learning path*/
	.learning_path_questions + .learning_path_info .sidebar_course{
		margin-top: 50px;
	}
	.intro_content,
	.learning_path_questions,
	.learning_path_info{
		width: 100%;
	}
	.questions_button.text-center{
		text-align: right;
	}

	@media screen and (min-width: 500px){
		.sidebar_course .block{
			width: 48%;
		}

		#sidebar_successes{
			float: left;
		}
		#sidebar_progress{
			float: right;
		}
	}	
}
	
/* >1024px f�r Firefox */ 
@media screen and (min-width: 1037px) {
	.hideIfBig { display: none; }
	
	#wrapper .showIfIpad, #wrapper .showIfPhone {
		display: none;
	}
	#wrapper .showIfDesktop {
		display: block;
	}
}

/* <1024px f�r Firefox */
	@media screen and (max-width: 1037px) {
		
		#wrapper .showIfIpad {
			display: block;
		}
		#wrapper .showIfDesktop, #wrapper .showIfPhone {
			display: none;
		}
	}

	@media screen and (max-width: 920px) {		
				
		.shop_detail_page .price_bottom {
			display: flex;
			flex-direction: column-reverse;
		}

		.shop_detail_page .price_bottom .pull-right {
			text-align: right;
		}

		.pull-right.text-right.prices_text {
			margin-bottom: 20px;
		}

		/* Employee list */			
		    .single_employee .table_header .col-md-8,
		    .single_employee .table_row .col-md-8 {
		        width: 66.66666667%;
		        float: left !important;
		    }
		    .single_employee .table_header .col-md-2,
		    .single_employee .table_row .col-md-2 {
		        width: 16.66666667%;
		        float: left !important;
		    }

		/* eshop */
			.view_shop .seminar_item {
				width: 50%;
			}

		/* learning path */
			.mod_pm_learningpath{
		        margin-bottom: -50px;
		    }
		    
		/* Footer */
			.footer_container {
			    margin-top: 50px;
			}

		/* Dashboard Boxes */
			.information_box {
				margin-bottom: 25px;
			}
			.information_box {
			    min-height: 240px;
			}
			.mb_100 {
				margin-bottom: 50px;
			}
						
			.online_seminars {
				margin-top: 50px;
			}
			.owl_active .section_block_content .owl-carousel {
				padding: 0 50px;
				margin:auto;
			}
			
			.online_seminars .section_block_content button.owl-next {
			    right: 15px;
			}
			.online_seminars .section_block_content button.owl-prev {
			    left: 15px;
			}

			@media screen and (min-width: 680px){
				.items_per_row_2.information_box:not(.small){
					background-position: right 20px bottom 10px;
				}
			}

			/*carousel*/
			.mod_pm_learningpath .owl-carousel{
				width: 85%;
				margin:auto;
			}
			
			button.owl-next {
				right: -35px;
			}
			button.owl-prev {
				left: -35px   
			}

		/* Learning Path Achievement */
			.view_progress .tiles .information_box {
			    background-size: auto 55%;
			}
	}

	@media screen and (max-width: 950px) {		
		#search_overlay .navbar-form input {		    
		    width: 87%;
		}
	}
	@media screen and (max-width: 860px) {
		.view_progress .tiles {
			display: block;
		}
		.view_progress .tiles > div {
			width: 100%;
			float: none;
		}
		.progress_buttons {
			position: relative;
			text-align: right;
			margin-bottom: 30px;
		}
		.information_box.small.points{
			margin-bottom: 25px;
		}
	}
	@media screen and (max-width: 800px) and (min-width: 679px)  {
	.layout_dashboard .information_box.items_per_row_2.trophies,
	.layout_dashboard .information_box.items_per_row_2.points,
	.view_user.layout_form .information_box.items_per_row_2.trophies,
	.view_user.layout_form .information_box.items_per_row_2.points {
		background-position: right 20px bottom 17px;
	}
}


/* <768px f�r Firefox */
	@media screen and (max-width: 778px) {
		.hideIfSmall { 
			display: none; 
		}
		.showIfSmall { 
			display: block; 
		}
		#wrapper .showIfPhone {
			display: block;
		}
		#wrapper .showIfDesktop, #wrapper .showIfIpad {
			display: none;
		}
		.sigProThumb.tooltip_container{
			max-width: 100%; 
		}		
		.nn_sliders.accordion > .accordion-group {
			width: 100%;
		}
		
		.accordion-inner.panel-body img {
			float: none!important;
			display: block;
		}
		
	/* Cookie Law */
		#footer #ca_banner {
			min-height: 80px;
			height: auto;
		}
		#footer #ca_banner h2 {
			font-size: 14px;
		}
		#footer #ca_banner p {
			font-size: 11px;
			padding: 0 5px;
		}
		#footer #ca_banner p .infoplus a {
			padding: 0 3px;
		}
		#footer #ca_banner .accept {
			cursor: pointer;
			font-size: 13px;
			margin: 7px auto;
		}
	}

	@media screen and (max-width: 780px) {
		/* Topbar */
			#topbar .userinfos {
				display: none;
			}
	}
	@media screen and (max-width: 767px) {
		.box {
			padding: 40px 30px;
		}
		#content_right {
			margin-top: 40px;
		}

		.employees .dashboard_blocks{
			display: none;
		}

		.scroll_content_xs{
			max-width: 100%;
			overflow-x: auto;
		}
		#abo_list{
			min-width: 750px;
		} 
		
		
		.progress_path_details .col-sm-9 {
			width: 100%;
		}
	}

	@media screen and (max-width: 750px){
		.container{
			max-width: 100%;
		}
		body.error_page .box{
			background-image:  none;
		}	
		body.error_page div[itemprop="articleBody"]{
			max-width: 100%;
		}
	}

	@media screen and (min-width: 681px) {
		.show_on_xs{
			display: none;
		}

		
	}

	@media screen and (min-width: 680px) {
		#overlay {
			max-height: 90vh;
			max-width: 90vw;
		}
	}
	@media screen and (max-width: 679px) {
		.show_on_xs{
			display: inline-block;
		}
		.hide_on_xs{
			display: none;
		}
		.left_on_xs{
			text-align: left !important;
		}

		.box{
			padding:20px;
		}
		.inline_btn_list{
			float:none !important;
		}

		.inline_btn_list .btn{
			width: 100%;
			margin:0;
			margin-bottom: 10px;
			text-align: center;
		}

		.dashboard_blocks > .col-xs-12{
			margin-bottom: 20px;
		}

		.video_container .content_block{
			display: block;
		}
		.video_container .block_title{
			text-align: left;
			padding: 0 15px;
		}

		.video_container .content_title {
			margin-top: 10px;
			margin-bottom: 15px;
		}

		.list .more_content{
			padding: 15px
		}

		/* Item Boxen */
			.item_box:hover {
			    transform: scale(1);
			}
			.item_box {
			    width: 50%;
			}
			.shop_detail_page  .item_box {
			    width: 100%;
			}
			.shop_detail_page .round_image.large {
				margin-top: 40px;
			}

		/* Online Kurse */
			.course_cover:hover .cover_overlay_container {
			    transform: scale(1);
			}

		/* Slider */
			.pm_filter_item:hover {
			    transform: scale(1);
			}

		/* Learning path */
			.pm_filter_item:hover {
			    transform: scale(1);
			}

		/*Rechnungen*/
			.single_invoice.row{
				margin-bottom: 30px;
			}
			.invoice_small span.show_on_xs{
				width: 110px;
			}
			.invoice_small small.show_on_xs{
				margin-top: -15px;
			}
		
		/*Nutzerverwaltung*/
			.employee_list .header_row{
				display: none;
			}
			#employee_list .single_employee .employee_big .employee_summary{
				float: left !important;
			}
			#employee_list .single_employee .employee_big .buttons .edit_employee{
				margin-right: -30px;
			}
			#employee_list .single_employee .employee_big .buttons a{
				text-align: center;
			}

			.single_employee .employee_disabled{
				display: block;
			}
			.single_employee .employee_disabled .name{
				margin-bottom: 20px;
			}
			.single_employee .employee_disabled .buttons{
				text-align: center;
			}
			.single_employee .employee_disabled .buttons .btn{
				width: 100%;
				margin: 5px 0;
			}

			#employee_edit_profile_image_fieldset{
				text-align: center;
			}
			#employee_edit_profile_image_fieldset .round_image{
				max-width: 200px;
			}

			#employee_edit_profile_employee_content .table.striped .row{
				line-height: 30px;
				padding-top: 10px;
				padding-bottom: 10px;
			}
			#employee_edit_profile_employee_content .table.striped .row .modul_name span{
				color:#005680;
			}
			#employee_edit_profile_employee_content .table.striped span.show_on_xs{
				width: 100px;
			}
			#employee_edit .toolbar {
			    float: none !important;
			}
			#employee_edit .toolbar .btn {
			    width: auto;
			}
			#employee_edit_profile_employee_content.list .open_arrow + div+div{

				padding-left: 30px;

			}
		/*learning path*/
			.learning_path_questions .success_questions a.btn,
			.learning_path_questions .error_questions a.btn{
				width: 100%;
				text-align: center;
				margin-bottom: 15px;
			}

			.learning_path_downloads{
				margin-bottom: 20px;
			}

		/*Checkout*/
			#checkout_productlist .list .single_item .list_row > div{
				margin-bottom: 20px;
			}
			#checkout_productlist .list .single_item .list_row .label{
				text-align: left;
				margin-bottom: 10px;
			}
			#checkout_productlist .list .single_item .list_row .content{
				text-align: right;
			}
			#checkout_productlist .list .single_item .list_row .content .left_content{
				margin-bottom: 0;
			}
			#checkout_productlist .list .single_item .list_row .content .right_content h5{
				margin-top: 5px;
			}
			#checkout_productlist .list .single_item .list_row .content .seats{
				float: right;
				text-align: right;
			}
			#checkout_productlist .list .list_row .label{
				width: 140px;
				float: left;
				margin-right: 20px;
			}
			#checkout_productlist .list .list_row .label h4{
				margin: 0;
			}
			#checkout_productlist .list .list_row .content{
				width: calc(100% - 160px);
				float: right;
			}
			#checkout_productlist .submit{
				width: 100%;
			}

		/*popup overlay*/
			#overlay{
				top:0;
				left:0;
				right: 0;
				bottom: 0;
				width: 100%;
				max-width: 100vw;
				max-height: 100vh;
				padding: 35px;
				margin-top: 0 !important;
				overflow-y: auto;
				border-radius: 0;
			}

			#overlay h2{
				font-size: 25px;
			}

			#overlay #close_button{
				top:15px;
				right: 15px;
			}

			#overlay .text-right{
				text-align: left;
			}

		/*share*/
			.share_users{
				width: 80vw;
			}
			.share_employee.should_see{
				margin: 20px 0;
			}
			.share_users .share_employee .list_row{
				padding-bottom: 10px;
				position: relative;
			}
			.share_users .share_employee .list_row .hover_information{
				position: absolute;
				right: 0;
				top:5px;
				width: 25px;
				height: 25px;
			} 
			.share_employee .hover_information > span {
				top: -20px;
			}
			.share_users .share_employee .list_row > div{
				margin-bottom: 5px;
			}
			.share_users .share_employee .list_row h5{
				margin-top: 0;
				margin-bottom: 0;
			}
			.share_users .share_employee .list_row .text-right .share_checkbox,
			.share_users .header_row .text-right input{
				margin-left: 5%;
			}

		/*Employees */
			.with_icon {
				border-color: #005680;
			    display: inline-block;
				max-width: 348px;
			}
			.employee_list .inline_btn_list {
				text-align: left;
			}

		/* Add new user */
			form#employee_add .inline_btn_list {
				display: flex;
				flex-direction: column-reverse;
			}

		/* Dashboard */
			.margin_top_negative_70 {
			    margin-top: 0px;
			}
			.reward_box_block {
				margin-top: -70px;
			}
			.person_header {
			    min-height: 100px;
			}

		/*profile img upload*/		
		#overlay .overlay_content .crop_set_preview .crop_preview_submit{
			width: 100%;
			padding: 0 15px;
		}
		#overlay .overlay_content .crop_set_preview .crop_preview_submit input.btn{
			width: 100%;
		}
	}

	@media screen and (max-width: 620px){
		h1 {
			font-size: 30px;
		}
		.h2,
		h2 {
		    font-size: 26px;
		}
		h3 {
		    font-size: 23px;
		}
		.mt_100 {
			margin-top: 20px;
		}
		.mb_100 {
		    margin-bottom: 20px;
		}
		.information_box.items_per_row_2 .lower_content {
		    position: static;
		}
		.information_box.small {
		    min-height: 169px;
		}
		.online_seminars,
		.permanent_care {
		    margin-top: 20px;
		}

		/* Checkout */			
			#checkout_productlist .list .list_row .label h4{
			    line-height: 22px;
			}
			#checkout_productlist .list .list_row .label small {
			    display: block;
			}
	}

	@media screen and (max-width: 550px){
		/* eshop */
			.view_shop .seminar_item {
				width: 100%;
			}

		/* Select buttons */
			#default_number_employees input[type="radio"] + label,
			#registration_number_employees input[type="radio"] + label {
				margin-right: 5%;
				min-width: 30%;
				padding: 12px 12px;
			}
			#default_number_employees input[type="radio"] + label:nth-of-type(3),
			#registration_number_employees input[type="radio"] + label:nth-of-type(3),
			#default_number_employees input[type="radio"] + label:last-of-type,
			#registration_number_employees input[type="radio"] + label:last-of-type {
				margin-right: 0;
			}
	}

	@media screen and (max-width: 500px){
		/*padding top is set somewhere with js - needs important to be overridden*/
		#page{
			padding-top: 61px !important;
		}

		/*chapter filter*/
		.pm_filter_container .pm_filter.btn{
			width: 100%;
			text-align: center;
		}

		/* Item Boxen */
			.item_box .item_box_title {
		        font-size: 16px;
			}

		#header_wrapper{
			width: 100%;
			box-shadow: none;
		}

		/*login page*/
		.view_login .btn{
			width: 100%;
		}

		/* responsive menu anf topbar */
			#topbar{
				width: 100%;
				margin-left: 0;
				position: fixed;
				bottom: 0px;
				top: auto !important;
    			background-color: #f9f9f9;
    			border-top: 1px solid #eaeaea;
			}
			#topbar .container{
				display: flex;
				justify-content: space-between;
			}
			#topbar .container > .clear,
			#topbar .container::before,
			#topbar .container::after{
				display: none;
			}
			#topbar .moduletable{
				float:none;
				margin:0;
			}
			#topbar #module_176{
				display: none;
			}
			#topbar .module_notifications{
				order:1;
			}
			#topbar .module_user_menu{
				order:2;
			}
			#topbar .container {
		        width: 100%;
    			justify-content: flex-start;
			}
			#topbar .container .suchen,
			#topbar .container .module_user_menu,
			#topbar .container .module_notifications  {
		        width: 25%;
	            display: flex;
    			justify-content: center;
			}
			.search #search_trigger img {
			    margin-left: auto;
			}
			#topbar .moduletable #notification_dropdown{
				right: unset;
				left: -10px;
				top: auto;
				bottom: 54px;
			}
			#notification_dropdown::before{
				left: 13px;
				right: auto;
			    bottom: -8px;
			    top: auto;
		        transform: rotate(225deg);
			}
			.items_per_row_2.information_box{
				background-position: right 20px center;
			}
			#user_dropdown {
			    bottom: 59px;
			    top: auto;
		        left: 50%;
    			transform: translate(-50%, 0px);
			}
			#user_dropdown::before {
			    bottom: -7px;
			    top: auto;
			    left: 50%;
			    right: auto;
		        transform: translate(-50%,0) rotate(45deg);
			}
			.module_user_menu .show_user_menu > i {
				display: none !important;
			}
			.module_user_menu .logout_button {
			    display: none;
			}
			.mod_pm_notifications img:hover {
				animation: none;
			}
			body.is_loggedin .menuicon span {
				background-color: #005680;
			}

			.responsivemenuiconwrapper {
			    position: fixed;
			    top: 20px;
			    left: auto;
			    right: 5%;
			}

			body.is_loggedin .responsivemenuiconwrapper {
			    bottom: 17px;
			    top: auto;
				right: 10%;
			}
			.footer_container {
			    padding-bottom: 100px;
			}
			body.view_login #above_component {
			    margin-top: 0px;
			}
			.search .search_trigger img {
				margin-right: 0;
			}
			.search .navbar-form {
				top: auto !important;
    			bottom: 52px;
    			right: auto;
    			left: -28px;
			}
			.search .navbar-form:before {
			    border-left: 8px solid transparent;
			    border-right: 8px solid transparent;
			    border-bottom: 0 !important;
			    border-top: 8px solid #ff9800;
			    bottom: -7px !important;
			    left: 27px;
			    right: auto;
			    top: auto;
			}

		/* Cookie law */
			#redim-cookiehint {
			    bottom: 60px !important;
			}
			#redim-cookiehint .cookiecontent {
				line-height: 20px;
			    margin-bottom: 10px;
			}
			#redim-cookiehint .cookiebuttons .btn {
			    padding: 10px !important;
			    text-align: center;
			    margin-bottom: 15px;
			}
			#redim-cookiehint .cookiebuttons {
			    display: block;
			    float: none;
			}
			#redim-cookiehint {
			    padding: 20px 11% 10px;
			}
			.pm_filter_container #itemList {
				margin-top: 25%;
			}
	}
	
	@media screen and (max-width: 480px) {
		#banner {
			display: none;
		}
		
		#k2blog .catItemImage {
			float: none;
		}

		/* Select buttons */
			#default_number_employees input[type="radio"] + label,
			#registration_number_employees input[type="radio"] + label {
				margin-right: 5%;
				min-width: 45%;
			}
			#default_number_employees input[type="radio"] + label:nth-of-type(3),
			#registration_number_employees input[type="radio"] + label:nth-of-type(3) {
				margin-right: 5%;				
			}
			#default_number_employees input[type="radio"] + label:nth-of-type(2),
			#registration_number_employees input[type="radio"] + label:nth-of-type(2),
			#default_number_employees input[type="radio"] + label:last-of-type,
			#registration_number_employees input[type="radio"] + label:last-of-type {
				margin-right: 0;
			}

		/* Checkout */
			#checkout_productlist .list .list_row .label {
			    width: 100%;
			    float: none;
			}
			#checkout_productlist .list .list_row .content {
			    width: 100%;
			    float: none;
			}
			#checkout_productlist .list .list_row .left_content,
			#checkout_productlist .list .list_row .right_content {
			    float: none;
			    width: 100%;
			    text-align: left;
			}
			#checkout_productlist .list .single_item .list_row .content {
			    text-align: left;
			}
			#checkout_productlist .list .zwischensumme .content,
			#checkout_productlist .list .gesamtsumme .content {
			    text-align: left;
			}
			#checkout_productlist .list .zwischensumme .label span {
				font-size: 18px;
			    color: #005680;
			    font-weight: 500;
			}
			#checkout_productlist .list .list_row h4 {
				font-size: 18px;
			}
			#checkout_productlist .list .list_row .content h5,
			#checkout_productlist .list .list_row .content span {
		        color: #9C9C9C;
				font-size: 16px;
				font-weight: 400;
			}

		#search_overlay .navbar-form input {		    
		    width: 79%;
		    font-size: 30px;
		}
		#search_overlay .navbar-form button {
		    height: 72px;
		}

		.box{
			padding:10px;
		}
	}

	@media screen and (max-width: 420px){	
		.items_per_row_2.information_box:not(.small){
			background-position: right 5px bottom 10px;
		}

		/* Learning Path */
		.view_progress .tiles .information_box .upper_content {
		    max-width: 50%;
		}

		/*Checkout*/
			#checkout_productlist .list .list_row .label{
				width: 100%;
				float: none;
				margin-bottom: 5px;
			}
			#checkout_productlist .list .list_row .content{
				width: 100%;
				float: none;
			}

		/* Item Boxen */
			.item_box {
			    width: 100%;
			}

		/* Online Kurse */
			.course_cover {
				width: 100%;
			}

		/* Employees */
			.with_icon {
			    max-width: 100%;
			}			
			#employee_edit .toolbar .btn {
			    width: 100%;
			}

		/*sharing */
			.share_users .share_list{
				min-height: 150px;
			}
			.share_employee .hover_information > span {
				width: 215px;
				padding: 5px;
			}
	}

	@media screen and (max-width: 380px){
		/* Topbar menu */
			body.is_loggedin .responsivemenuiconwrapper {
			    right: 5%;
			}
			#mainmenu_wrapper {
			    width: 256px;
			    left: -256px;
			}

		/* Learning Path */
			.view_progress .tiles .information_box.achievements {
			    background-size: auto 30%;
			}
			.view_progress .tiles .information_box.achievements .upper_content {
			    max-width: 70%;
			}
	}

	@media screen and (max-width: 360px){
		#notification_dropdown{
			width: 290px !important;
		}

		/* Select buttons */
			#default_number_employees input[type="radio"] + label,
			#registration_number_employees input[type="radio"] + label {
				margin-right: 0%;
				min-width: 100%;
			}
	}

	/*height*/
	@media screen and (max-height: 450px){
		/*popup overlay*/
		#overlay{
			top:0;
			left:0;
			right: 0;
			bottom: 0;
			width: 100%;
			padding: 50px;
			margin-top: 0 !important;
			overflow-y: auto;
		}

		#overlay h2{
			font-size: 25px;
		}

		#overlay #close_button{
			top:15px;
			right: 15px;
		}

		#overlay .text-right{
			text-align: left;
		}
	}