@charset "utf-8";
div#admin-menu {
	font-size: 12px;
}

#mainNavigation ul {
	width: -moz-calc(100% - 55px - 1em);
    width: -webkit-calc(100% - 55px - 1em);
    width: calc(100% - 55px - 1em);
}

#mainNavigation li li.last {
	padding-right: 0px;
}

.mobile_element	{
	padding: 5px 10px;
}

.mobile_element .login_link,
.mobile_element .logout_link {
	background: #85b923 url("/sites/all/themes/primolo/img/submit.gif") repeat-x scroll center top;
    border: 1px solid #85b923;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "Lamebrai",arial,serif;
    font-size: 20px;
    font-weight: 500;
    margin: 5px 0;
    padding: 0 5px 2px;
}

.mobile_element .login_link:hover,
.mobile_element .login_link:focus,
.mobile_element .logout_link:hover,
.mobile_element .logout_link:focus {
	background: #8d8d8d url("/sites/all/themes/primolo/img/submit_hover.gif") repeat-x scroll center top;
    text-decoration: none !important;
}


.mobile_element .register_link,
.mobile_element .profil_link {
	background: rgba(0, 0, 0, 0) url("/sites/all/themes/primolo/img/login_arrow.png") no-repeat scroll 0 center;
    margin-left: 30px;
    margin-top: 0;
    padding-left: 20px;
}

.logged-in .mobile_element .login_link,
.not-logged-in .mobile_element .logout_link,
.logged-in .mobile_element .register_link,
.not-logged-in .mobile_element .profil_link {
	display: none;
}

@media only screen and (min-width: 886px) {

	.mobile_element {
		display: none;
	}
}

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

	/* responsive flash / iframe */
	/*
	.pane-cumulus-0 #tags {
		max-width: 600px;
		position: relative;
		padding-top: 58.333333333%;
	}

	#cumulusflash {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
	}
	*/

	.primolo_banner_container > div > div {
		max-width: 100%;
		padding-top: 100%;
		position: relative;
	}

	.primolo_banner_container > div > div > iframe {
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	/* End responsive flash / iframe */

	.layout-chooser-wrapper {
		display: none;
	}

	#mainNavigation li li {
		display: inline-block;
		padding-right: 15px;
	}

	#wrapper {
		width: 100%;
	}

	.login_box, .profile_box {
		margin: 0;
	}

	#mainNavigation ul {
		width: 99%;
		margin: 0 0 0 1%;
		padding: 0;
	}

	.menu .menu a:before {
		display: none;
	}

	.logobox:after {
		clear: both;
		content: ".";
		display: block;
		font-size: 0;
		height: 0;
		line-height: 0;
		visibility: hidden;
	}

	.logobox {
		height: auto;
		padding-top: 9px;
	}

	.logobox li {
		display: inline-block;
		float: none;
	}

	#content .klicktipps-entry-content {
		float: left;
		width: auto;
	}

/* Content anpassungen */
	.panel-border-primolo,
	.panel-border-primolo .pane-content,
	.panel-border-primolo-wide,
	.panel-border-primolo-wide .pane-content {
		width: auto;
		margin-left: 0;
	}
/* End Content anpassungen */

	#foot {
		background-position: -20px top;
	}

	#foot ul {
		display: inline-block;
		left: auto;
		position: static;
		overflow: visible;
	}

	#foot ul li {
		display: inline-block;
		float: none;
	}

	#foot .content > .menu > li:nth-child(2) {
		width: auto;
	}
}

/* mainmenu fix */
@media only screen and (max-width: 910px) and (min-width: 769px) {
	.node-id-11 #head,
	.node-id-33 #head,
	.node-id-34 #head,
	.node-id-35 #head,
	.node-id-36 #head,
	.node-id-75 #head {
		height: 23.3846em;
	}
}

/* header zu breit fuer tablet */ /*960px*/
@media only screen and (max-width: 885px) {

	#wrapper {
		position: relative;
	}

	#head {
		position: static;
	}

	.login_box,
	.profile_box {
		display: none;
	}

	.search_box {
		position: absolute;
		bottom: 42px;
	}

	#mainNavigation ul {
		top: 147px;
	}

	#foot {
		border-top: 65px solid #fff;
	}
}

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

	#head {
		height: 10.785em; /*14.785em*/
	}

	#content img {
		max-width: 100%;
		height: auto;
	}

	p, h1, h2, h3, h4, h5, h6, td {
		-ms-word-break: normal;
		word-break: normal;

		/* Non standard for webkit */
		/*word-break: break-word;*/

		word-wrap: break-word;

		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}

	.view-primolo-website-search .views-row:after {
		clear: both;
		content: ".";
		display: block;
		font-size: 0;
		height: 0;
		line-height: 0;
		visibility: hidden;
	}

	.view-primolo-website-search h3 {
		min-width: 100%;
		width: 100% !important;
	}

/* Layout Content */
	#user-friend-list.panel-2col .panel-col-last,
	#user-friend-list.panel-2col .panel-col-first {
		float: none;
	}

	#content-profile-display-profile .content .field-items,
	#user-friend-list.panel-2col .panel-col-last,
	#user-friend-list.panel-2col .panel-col-first {
		width: auto;
	}

	#user-friend-list.panel-2col .panel-col-last .inside,
	#user-friend-list .panel-border-primolo {
		margin-left: 0;
	}

	#content-profile-display-profile .content .field-item {
		display: table;
	}

	.node-form .text {
		width: 95%;
	}

	.profile_content_right {
		float: none !important;
	}

	.panels-flexible-row-primolo_panel_2_spalten-main-row-left,
	.panel-2col .panel-col-first {
		width: 33%;
	}

	.panel-2col .panel-col-last {
		width: 67%;
	}

	.panels-flexible-region-primolo_panel_2_spalten-linke_spalte {
		width: 100%;
	}

	.panels-flexible-row-primolo_panel_2_spalten-main-row-middle {
		margin-left: 35%;
	}

	.panel-3col-33-stacked .panel-col-first,
	.panel-3col-33-stacked .panel-col,
	.panel-3col-33-stacked .panel-col-last {
		width: 49.9%;
	}

	.bastelecke_group_entry_image,
	.bastelecke_group_entry_textarea,
	.gruppe_mitgliederliste_wrapper .gruppe_mitgliederliste_entry {
		float: none;
		width: auto;
	}
/* Layout Content Ende */

}

@media only screen and (max-width: 480px) {
	ol, ul {
		padding-left: 15px;
	}

	#head {
		background-position: -40px top;
		height: 7.785em;
	}

	#logo {
		padding-left: 37px;
	}

	.search_box {
		position: absolute;
		bottom: 42px;
		background-color: #f3f2f2;
		background-image: none;
		margin: 0;
		padding: 9px 0;
		height: 31px;
		width: 100%;
	}

	.search_box > div {
		margin: 0 15px;
	}

	.search_box .container-inline {
		padding-right: 58px;
		position: relative;
	}

	.search_box .container-inline div {
		display: block;
		margin: 0;
		padding-left: 10px;
	}

	.search_box .form-text {
		width: 100%;
		margin-left: -10px;
	}

	#search-block-form .container-inline .form-submit {
		position: absolute;
		right: 0;
		top: 2px;
	}

	#content {
		padding-left: 10px;
		padding-right: 10px;
	}


/* Layout Content */
	tr.odd .form-item, tr.even .form-item {
		white-space: normal;
	}

	.panels-flexible-row-inside,
	.panel-2col {
		display: flex;
		flex-direction: column-reverse;
	}

	.panel-2col-stacked .center-wrapper {
		display: flex;
		flex-direction: column;
	}

	.panels-flexible-row-primolo_panel_2_spalten-main-row-left {
		width: 100%;
	}

	.panels-flexible-row-primolo_panel_2_spalten-main-row-middle {
		margin: 0;
	}

	.panel-2col .panel-col-first,
	.panel-2col .panel-col-last,
	.panel-2col-stacked .panel-col-first,
	.panel-2col-stacked .panel-col-last,
	.panel-3col-33-stacked .panel-col-first,
	.panel-3col-33-stacked .panel-col,
	.panel-3col-33-stacked .panel-col-last,
	.panels-flexible-region-23-center,
	.panels-flexible-region-23-forum,
	.panels-flexible-region-25-kinder_anlegen,
	.panels-flexible-region-25-gruppen_verwalten_ {
		float: none;
	}

	.panel-2col .panel-col-first,
	.panel-2col .panel-col-last,
	#user-friend-list.panel-2col .panel-col-last,
	#user-friend-list.panel-2col .panel-col-first,
	.panel-2col-stacked .panel-col-first,
	.panel-2col-stacked .panel-col-last,
	.panel-2col-stacked .panel-col-top,
	.panel-2col-stacked .panel-col-bottom,
	.panel-3col-33-stacked .panel-col-first,
	.panel-3col-33-stacked .panel-col,
	.panel-3col-33-stacked .panel-col-last,
	.panels-flexible-region-23-center,
	.panels-flexible-region-23-forum,
	.panels-flexible-region-25-kinder_anlegen,
	.panels-flexible-region-25-gruppen_verwalten_ {
		width: auto;
	}

	fieldset.group-user-important {
		width: auto; /*290px*/
		/*max-width: 300px !important;*/
	}

	.group-user-important *,
	.resizable-textarea {
		/*max-width: 15em !important;*/
		width: auto;
	}

	.form-text,
	.form-select,
	.resizable-textarea .grippie,
	.node-form .text {
		width: 95%;
		width: -moz-calc(100% - 12px);
		width: -webkit-calc(100% - 12px);
		width: calc(100% - 12px);
	}

	html.js .resizable-textarea textarea,
	.form-textarea {
		width: 92%;
		width: -moz-calc(100% - 16px);
		width: -webkit-calc(100% - 16px);
		width: calc(100% - 16px);
	}

	.cck-phone-column {
		float: none;
	}

	#terms-of-use {
		overflow: scroll;
	}

	.rounded-corner .wrap-corner .r-edge {
		padding-left: 15px;
		padding-right: 15px;
	}

	.primolo_forum_lehrerzimmer_primolo_image {
		width: auto;
		float: none;
	}

/* Layout Content Ende */

	#foot {
		margin-top: 49px;
		border-top: 0 none;
	}
}

/* IPhone fixes */
@media only screen and (max-width: 359px) {
	#logo {
		padding-left: 7px;
	}

	.search_box .container-inline {
		padding-right: 65px;
	}

	.profile_content_left,
	.profile_content_right {
		margin-left: 0 !important;
	}

	.form-text,
	.form-select,
	.resizable-textarea .grippie,
	.node-form .text {
		width: 95%;
		width: -moz-calc(100% - 12px);
		width: -webkit-calc(100% - 20px);
		width: calc(100% - 20px);
	}
}

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

/* clear old styles */
#menu #block-menu-primary-links > .content > .menu > li > a::before {
	content: none;
	position: static;
	top: auto;
	left: auto;
	width: auto;
	height: auto;
	background: 0 none;
}

#menu #block-menu-primary-links > .content > .menu > li > a {
	height: auto;
	width: auto;
}

#menu #block-menu-primary-links > .content > .menu li > a span {
	display: inline-block;
	padding: .5em 0;
	text-align: left;
	transform: none;
	font-size: 1.15384em;
}

#menu .menu .menu a:hover span,
#menu .menu .menu a:focus span,
#menu .menu .menu .active-trail span {
	background: 0 none;
	border-radius: 0;
}

#menu li.expanded ul {
	position: static;
	left: auto;
	top: auto;
	margin: 0;
	width: auto;
}
/* End clear old styles */

.sr-only, .accesshide {
	border: 0 none;
	clip: rect(0px, 0px, 0px, 0px);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/*
.navbar-toggle {
	position: relative;
	float: right;
	padding: 9px 10px;
	margin-top: 8px;
	margin-right: 15px;
	margin-bottom: 8px;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}
*/

.navbar-toggle:focus {
	outline: 0;
}
.navbar-toggle .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
	background-color:#fff;
}
/*
button.menu-link .icon-bar {
	border-radius:0px;
}
*/
.navbar-toggle .icon-bar + .icon-bar {
	margin-top: 4px;
}

.navbar-header button.menu-link {
	height: 35px;
	border-radius:0px;
	background-color: #fea702;
	padding: 0 10px;
	position: relative;
}

.navbar-default .navbar-header button.menu-link.active,
.navbar-default .navbar-header button.menu-link:active,
.navbar-default .navbar-header button.menu-link:focus,
.navbar-default .navbar-header button.menu-link:hover{
	background-color: rgba(0, 158, 227, 1);
	padding: 6px 10px;
	border:1px solid #ddd;
	outline-offset: 0px;
}
.navbar-default .navbar-header button.menu-link:hover,
.navbar-default .navbar-header button.menu-link.active:focus,
.navbar-default .navbar-header button.menu-link.active:active {
	background-color:rgba(0, 158, 227, 1);
	outline-offset: 0px;
	outline: none;
}

#menu {
	display:none;
	background-color:#FEA702;
	z-index: 5;
	overflow: scroll;
}

#menu a.active {
	text-decoration: underline;
}

#menu .dropdown:hover  ul.dropdown-menu,
#menu .dropdown:focus  ul.dropdown-menu {
	display: none;
}
#menu .dropdown.open > ul.dropdown-menu,
#menu .dropdown-submenu.open > ul.dropdown-menu {
	display: block;
}

#menu.navbar-default li.open > ul > li > a {
	color: #fff;
	height:auto;
}

#menu .dropdown-menu  li.dropdown-submenu.open li a {
	padding-left:35px;
	height:auto;
}

#menu.navbar-inverse .dropdown-menu  li > a {
	color:#333;
	height:auto;
}

#menu .navbar-nav {
	margin: 7.5px 0px;
	height:auto;
}

#menu .navbar-nav > li{
	height:auto;
}

#menu .navbar-nav > li > a{
	height:auto;
}
#menu.navbar-inverse .dropdown-submenu > a .caret {
	border-bottom-color: #888;
	border-top-color: #888;
}

#menu.panel .nav .fa {
	padding-right:5px;
}

#menu.navbar-default li a:hover,
#menu.navbar-default li a:focus,
#menu.navbar-default .dropdown-menu > li >  a:hover,
#menu.navbar-default .dropdown-menu > li >  a:focus,
#menu.navbar-default .open > a,
#menu.navbar-default .open > a:hover,
#menu.navbar-default .open > a:focus{
	color: #fff;
}

#menu.navbar-inverse .dropdown-menu > li > a:hover,
#menu.navbar-inverse .dropdown-menu > li > a:focus {
	text-decoration: none;
	color: #ffffff;

}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus{
	background-color:#ddd;
}

/* new */

#menu li.leaf {
	list-style-image: none;
}

#menu li.expanded,
#menu li.leaf,
#menu a {
	color: #FFFFFF;
}
#menu li.expanded,
#menu li.leaf,
#menu li.collapsed {
	list-style-image: none;
	list-style-type: square;
	color: #fff;
}

div#menu .expanded.active-trail,
div#menu .leaf.active-trail {
	color: #5e8016;
}
/*#menu a:visited {
	color: #CCCCCC;
}*/
#menu a:hover,
#menu a:focus {
	text-decoration: underline;
}

button.menu-link .navbar-name {
	color: #FFFFFF;
	display: inline-block;
	left: 50px;
	position: absolute;
	top: 6px;
	font-size: 1.15384em;
}

/******menü slide***********/
#menu {
	border-radius:0px;
	overflow: scroll;
	position: fixed;
	z-index:1002;
	left: -15.625em; /*left or right and the width of your navigation panel*/
	width: 15.625em; /*should match the above value*/

	bottom: 0;
	height: 100%;
	top: 0;
	transition: left 300ms ease 0s;
}

#menu.active {
	left: 0;
}

#menu {
	display:block;
}

#menu .block-primolo_module > h2 {
	display: none;
}

.wrap {
	position: relative;
}

.navbar-toggle {
		/*border-color: #ddd;*/
		/*position: fixed;*/
		/*right: 0;*/
		/*z-index: 9;*/
		width: 100%;
		cursor: pointer;
}

div#content {
	float:none;
}

#sidebar-left {
	display:none;
}

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

	
	
	#user-login	#edit-name-wrapper > label,
	#user-login	#edit-pass-wrapper > label			{
		font-size: 0.9em;
	    left: 25px;
	    position: absolute;
    	z-index: 1;
    	font-weight:normal;
	}

	
	#user-login .form-item {
    	margin-bottom: 0;
    	margin-top: 5px;
    	padding-bottom: 0;
    	padding-top: 0;
	}
	#user-login #edit-name-wrapper > input,
	#user-login #edit-pass-wrapper > input {
	width: 15em;
	}
}

@media only screen and (min-width: 769px) {
	.navbar-toggle,
	#menu {
		display: none !important;
	}

	.klicktipp .klicktipp-header-content{
		padding: 0 0 0 160px;
	}
}

@media only screen and (max-width: 768px) {
	#mainNavigation {
		display: none;
	}

	#menu {
		display: block;
		/*left: -15.625em;*/
	}

	.primolo_forum_lehrerzimmerforum_wrapper,
	.primolo_forum_thread_view_main,
	.some_content_wrapper {
		float: none!important;
		width: auto!important;
	}
}

@media only screen and (max-width: 450px) {
	.panel-2col-bricks .panel-col-first,
	.panel-2col-bricks .panel-col-last {
		float: none;
		width: auto;
	}

	.privatemsg-box-fb .left-column,
	.privatemsg-box-fb .right-column,
	.privatemsg-view-pager,
	.message-participants {
		float: none;
		margin-left: 0;
	}
}