/* DESKTOP SIZE */
html,body{
	width:100%;
	height:100%;
}

body {
	border:0;
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
	font-size:11pt;
	color:#595959;
	overflow-y: scroll;

}
body.iframe #container{
	margin-top:-260px;
}
body.iframe #menu-container{
	position:absolute !important;
	top:-100px;
	left:0;
	right:0;
	height:40px;
}
body.iframe .menu-speichern{
	position:fixed !important;
	top:0px;
	right:0;
}

.body-login-0 #container{
	width:100%;
	height:100%;
}
#root-logout{
	width:100%;
	height:100%;
}

/* LOGIN */
.logout-top{
	width:100%;
	height:150px;
	background-color:#789aa4;
}
.root-logout {
    width:100%;
    max-width:600px;
    margin:0px auto;
    position:relative;
}
.top-headline-logout {
    float: left;
    margin-top: 20px;
    font-size: 40pt;
    color: #ffffff;
    text-transform: uppercase;
    width: 100%;
    max-width: 350px;
    height: 65px;
    font-weight: 400;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.51);
}
.top-subline {
    float: right;
    font-size: 13pt;
    color: #cedade;
    height: 27px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.51);
	margin-right:30px;
	margin-top:10px;
	text-align:right;
	line-height:1rem;
}
.top-subline-logout {
    float: left;
    font-size: 17pt;
    color: #cedade;
    width: 100%;
    max-width: 800px;
    height: 22px;
    margin-bottom: 80px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.51);
}
.logout-content{
	background-position:top;
	background-repeat:no-repeat;
	background-size:cover;
	height:calc(100% - 150px);
}
.logout-bg-1{
	background-image:URL('../images/login/login-001.jpg');
}
.logout-bg-2{
	background-image:URL('../images/login/login-002.jpg');
}
.logout-bg-3{
	background-image:URL('../images/login/login-003.jpg');
}
.logout-bg-4{
	background-image:URL('../images/login/login-004.jpg');
}
.logout-bg-5{
	background-image:URL('../images/login/login-005.jpg');
}
.logout-bg-6{
	background-image:URL('../images/login/login-006.jpg');
}
.logout-bg-7{
	background-image:URL('../images/login/login-007.jpg');
}
.logout-bg-8{
	background-image:URL('../images/login/login-008.jpg');
}
.logout-bg-9{
	background-image:URL('../images/login/login-009.jpg');
}
.logout-bg-10{
	background-image:URL('../images/login/login-010.jpg');
}
.logout-bg-11{
	background-image:URL('../images/login/login-011.jpg');
}

.logout-bg-xmas-1{
	background-image:URL('../images/login/xmas-login-001.jpg');
}
.logout-bg-xmas-2{
	background-image:URL('../images/login/xmas-login-002.jpg');
}
.logout-bg-xmas-3{
	background-image:URL('../images/login/xmas-login-003.jpg');
}
.logout-bg-xmas-4{
	background-image:URL('../images/login/xmas-login-004.jpg');
}

.logout-bg-winter-1{
	background-image:URL('../images/login/winter-login-001.jpg');
}
.logout-bg-winter-2{
	background-image:URL('../images/login/winter-login-002.jpg');
}
.logout-bg-winter-3{
	background-image:URL('../images/login/winter-login-003.jpg');
}
.logout-bg-winter-4{
	background-image:URL('../images/login/winter-login-004.jpg');
}
.logout-content-container{
	margin:0px auto;
    position:relative;
    width:100%;
	max-width:600px;
}
.logout-sprechblase{
	margin:0px auto;
    position:absolute;
	width:100%;
	max-width:600px;
	height:98px;
	top:-90px;
	line-height:1rem;
	padding:0px;
	box-sizing:border-box;
}
.logout-sprechblase-content{
	float:left;
	background-image:URL('../images/logout-sprechblase.png');
	width:100%;
	max-width:600px;
	height:98px;
	display:none;
	line-height:1rem;
	margin-top:-12px;
}
.logout-sprechblase-content-text{
	float:left;
	width:100%;
	max-width:500px;
	height:50px;
	color:#ffffff;
	font-size:0.7rem;
	padding-left:40px;
	padding-top:20px;
    box-sizing:border-box;
}
.logout-box{
	width:100%;
	max-width:600px;
    margin:0px auto;
    position:relative;
	border-radius:20px;
	background:rgba(0,0,0,0.4);
	color:#ffffff;
	box-sizing:border-box;
	padding:30px 60px;
	transition:1s;
	line-height:2.2rem;
}
.logout-box.gone{
	transform:scale(0.5);
	opacity:0;
	position:absolute;
}
.logout-box-question{
	position:absolute;
	top:30px;
	left:20px;
	opacity:0.3;
	transition:0.5s;
	cursor:pointer;
}
.logout-box-question:hover{
	opacity:1;	
}
.logout-box-content{
	float:left;
	margin-left:119px;
	margin-top:50px;
	line-height:2.2rem;
}
.logout-box-logging-in{
	position:absolute;
	width:260px;
    margin:0px auto;
	padding:40px;
    position:relative;
	border-radius:20px;
	background:rgba(0,0,0,0.7);
	top:90px;
	color:#ffffff;
	display:none;
	text-align:center;
	line-height:2rem;
}
.logout-input{
	-moz-border-radius:4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	border:1px solid #bcbcbc;
	height:40px;
	width:100%;
	background-color:#f7f7f7;
	padding:8px;
	padding-left:10px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:1rem;
	color:#000000;
	margin-bottom:15px;
	opacity:0.7;
	transition:0.3s;
	box-sizing:border-box;
}
.logout-input:focus{
	opacity:1;
}
.logout-button {
    margin-top: 20px;
    padding: 10px;
    background-color: #45a8c4;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    text-align: center;
    color: #ffffff;
    height: 35px;
    width: 130px;
    border: 1px solid #358ca5;
    display: inline-block;
    -moz-box-shadow: inset 0px 1px 0px 0px #8dd4e8;
    -webkit-box-shadow: inset 0px 1px 0px 0px #8dd4e8;
    box-shadow: inset 0px 1px 0px 0px #8dd4e8;
    cursor: pointer;
}
.logout-button:hover {
    background-color: #6cbbd1;
}
.logout-vergessen-button {
    margin-top: 20px;
    padding: 10px;
    background-color: #b4b4b4;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    text-align: center;
    color: #ffffff;
    height: 35px;
    width: 140px;
    border: 1px solid #7b7b7b;
    display: inline-block;
    -moz-box-shadow: inset 0px 1px 0px 0px #ebebeb;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ebebeb;
    box-shadow: inset 0px 1px 0px 0px #ebebeb;
    cursor: pointer;
    font-size: 8pt;
    text-shadow: none;
	line-height:1rem;
}
.logout-vergessen-button:hover {
    background-color: #7d4a4a;
    -moz-box-shadow: inset 0px 1px 0px 0px #dd8585;
    -webkit-box-shadow: inset 0px 1px 0px 0px #dd8585;
    box-shadow: inset 0px 1px 0px 0px #dd8585;
    color: #ffffff;
    font-size: 8pt;
    text-shadow: none;
}
#logout-footer {
	position:absolute;
	bottom:0px;
	width:100%;
	left:0px;
	color:#ffffff;
}
.logout-footer-content{
	margin:0 auto;
	width:100%;
	max-width:600px;
	padding-bottom:30px;
	font-size:0.8rem;
	opacity:0.5;
}

/* MAIN */

#main{
	float:left;
	width:100%;
	height:100%;
	background-color:#ffffff;
	padding-left:20px;
	padding-right:20px;
	box-sizing:border-box;
	padding-bottom:50px;
}
.maincontent{
	width:100%;
	margin-top:70px;
	/*
	max-width:1430px;
	margin:0px auto;
	position:relative;
	*/
}

@media(max-width:500px){
    .top-headline-logout {
        font-size: 30pt;
        padding:0 15px;
        box-sizing: border-box;
    }
    .logout-box-question{
        display:none;
    }
    .logout-box{
        padding:20px 30px;
        box-sizing: border-box;
    }
    .top-subline-logout {
        font-size: 13pt;
        height: auto;
        margin-bottom: 20px;
        padding:0 15px;
        box-sizing: border-box;
    }
    .logout-footer-content{
        padding-left:15px;
        box-sizing: border-box;
    }
}
@media(max-width:350px){
    .top-headline-logout {
        font-size: 24pt;
    }
}

#top{
	float:left;
	width:100%;
	height:147px;
	background-image:URL('../images/bg-top.png');
}
.top-content{
	width:100%;
	/*
	max-width:1430px;
	margin:0px auto;
	*/
	position:relative;
	padding-left:20px;
	padding-right:0px;
	box-sizing:border-box;
	height:147px;
}
.top-content-logo{
	float:left;
	width:190px;
	height:82px;
	margin-top:28px;
}
.top-content-buttons{
	float:right;
	top:0px;
}

.top-button{
	float:right;
	margin-right:10px;
	padding:10px;
	padding-top:25px;
	padding-left:20px;
	padding-right:20px;	
	color:#ffffff;
	height:60px;
	font-size:0.8rem;
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 7px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	text-align:center;
	cursor:pointer;
	margin-top:-12px;
	transition:0.3s;
	box-sizing:border-box;
}



@media all and (min-width: 601px) {
	.top-button-licence:hover{
		/*background-color:#354d54;*/
		transform:translateY(5px);
	}
	.top-button-licence.active{
		transform:translateY(5px);
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
	}
	.top-button-logout:hover{
		transform:translateY(5px);
	}
	.top-button-logout.active{
		transform:translateY(5px);
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
	}
	.top-button-support:hover{
		transform:translateY(5px);
	}
	.top-button-logout{
		transition:0.3s;
	}
}

.top-button-licence{

}
.top-button-support{

}
.top-button-logout{

}
.top-button-red{
	background-color:#903838;
}
.top-button-green{
	background-color:#92b256;
}
.top-button-darkblue{
	background-color:#425f67;
}

.top-logout{
	position:absolute;
	width:260px;
	height:170px;
	padding:20px;
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-top-left-radius: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-topleft: 7px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	border-top-left-radius: 7px;
	background-color:#903838;
	display:none;
	top:50px;
	margin-left:0px;
	z-index:1000;
	color:#ffffff;
	padding-left:10px;
	right:10px;
}
.top-logout-button{
	padding:5px;
	border:1px solid #d43f3f;
	background-color:#d94747;
	color:#ffffff;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	width:200px;
	text-align:center;
	cursor:pointer;
	height:33px;
	margin-top:1px;
	margin-top:15px;
	transition:0.3s;
}
.top-logout-button:hover{
	background-color:#ff4848;
}
.top-licence{
	position:absolute;
	width:400px;
	/* height:170px; */
	padding:20px;
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-top-left-radius: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-topleft: 7px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	border-top-left-radius: 7px;
	background-color:#425f67;
	display:none;
	top:50px;
	right:137px;
	z-index:1000;
	color:#ffffff;
}
.top-licence-content{
	float:left;
	margin-top:15px;
	margin-left:15px;
}

/* MENÜ */

#menu{
	width:1170px;
	height:40px;
	margin-top:-3px;
	float:right;	
	/*padding-left:40px;*/
	background-image:URL('../images/menu-bg-small.png');
	position:relative;
	top:0;
}
#menu:before{
	content:'';
	display:block;
	position:absolute;
	left:-44px;
	width:44px;
	height:40px;
	background-image:url('../images/menu-start.png');
	background-size:100%;
	background-repeat:no-repeat;
}
#menu-container{
	transition:box-shadow 0.3s;
	box-shadow:0 10px 15px rgba(0,0,0,0.0);
}
#menu-container.fixed{
	top:0;
	left:0;
	right:0;
	position:fixed;
	background-image:url('../images/bg-top-fixed.png');
	height:40px;
	box-shadow:0 10px 15px rgba(0,0,0,0.1);
	z-index:1000;
}
#menu-container.fixed #menu{
	float:none;
	position:absolute;
	margin-top:0;
}


#menu-small-content{
	display:none;
	background-image:URL('../images/menu-bg-small.png');
	width:100%;
	margin-top:40px;
}
#menu-small-icon{
	cursor:pointer;
	background-image:url('../images/menu-icon.png');
	background-repeat:no-repeat;
	background-position:98% center;
	
	width:100%;
	height:45px;
	box-sizing:border-box;
	padding:10px;
	color:#ffffff;
	text-align:right;
	padding-right:45px;
	font-size:100%;
}
.menu-main{
	display:table;
	table-layout: auto;
	margin:0;
	box-sizing:border-box;
	width:100%;
}
.menu-button{
	float:left;
	text-decoration: none;
	height:39px;
	padding-left:30px;
	padding-right:30px;
	padding-top:10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.menu-button-on {
    background-image: url("../images/menu-btn-bg.jpg");
    background-repeat: repeat-x;
    background-position: top;
    color: #ffffff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

.menu-button-off {
    color: #a0a0a0;
    text-shadow: 1px 1px 1px rgba(255,255,255,1);
}

.menu-button-off:hover {
	background-color:#dfdfdf;
}

.menu-button-on a {
	font-family:'Open Sans', serif;
	font-weight:300;
	color:#ffffff;
	font-size:10pt;
}
.menu-button-on a:hover {
	font-family:'Open Sans', serif;
	font-weight:300;
	color:#ffffff;
	font-size:10pt;
}
.menu-button-on  a:active {
	font-family:'Open Sans', serif;
	font-weight:300;
	color:#ffffff;
	font-size:10pt;
}
.menu-button-off a {
	font-family:'Open Sans', serif;
	font-weight:300;
	color:#818181;
	font-size:10pt;
}
.menu-button-off a:hover {
	font-family:'Open Sans', serif;
	font-weight:300;
	color:#818181;
	font-size:10pt;
}
.menu-button-off  a:active {
	font-family:'Open Sans', serif;
	font-weight:300;
	color:#818181;
	font-size:10pt;
}

.menu-speichern{
	float:right;
	width:220px;
	height:40px;
	background-color:#92b35a;
	background-image:URL('../images/menu-btn-save-bg.png');
	text-align:center;
	transition:0.5s;
	cursor:pointer;
}
.menu-speichern:not(.deactivated):hover{
	height:80px;
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 7px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	/*background-image:URL('../images/menu-btn-save-bg-hover.png');*/
	
}
.menu-speichern.deactivated{
	opacity:0.5;
	cursor:auto;
}
.menu-speichern-content{
	float:left;
	margin-top:-5px;
	margin-left:18px;
	color:#ffffff;
	font-size:1.7rem;
	font-weight:300;
	transform:scale(0.65);
	transition:0.5s;
}
.menu-speichern:not(.deactivated):hover .menu-speichern-content{
	margin-top:17px;
	transform:scale(1);
}

/* Fixed Menu */
#fixedmenuroot {
	width:100%;
	margin:0px auto;	
    height: 40px;
	padding-left:40px;
	left:0px;
	display: none;	
	top:0px;
	background-image:URL('../images/bg-top-fixed.png');
	z-index: 1000;
	position: fixed;
	-webkit-box-shadow: 10px 10px 100px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 10px 10px 100px 0px rgba(0,0,0,0.3);
	box-shadow: 10px 10px 100px 0px rgba(0,0,0,0.3);
}
#fixedmenu {
	position:relative;
	width:1170px;
	height:40px;
	margin:0 auto;
	background-image:URL('../images/menu-bg-fixed.png');
	padding-left:180px;
}


/* Submenu */

.submenu{
	position:absolute;
	top:300px;
	/* margin-left:220px; */
	background-color:#2d444b;
	padding:25px;
	display:none;
	z-index:101;
	min-width:110px;
}
.submenu-large{
	width:380px;
}
.submenu li{
	list-style-type:none; 
	margin:0;
}
.submenu ul{
	list-style-type:none; 
	margin:0;
	padding:0;
}
.submenu-headline{
	text-decoration:none;
	color:#c5c5c5;
	font-weight:300;
	font-size:12pt;
	float:left;
	box-sizing:border-box;
	padding-left:10px;
	padding-top:2px;
	margin-bottom:10px;
}
.submenu a{
	text-decoration:none;
	color:#c5c5c5;
	font-weight:400;
	font-size:9pt;
	text-transform:uppercase;
	display:block;
	padding:6px;
}
.submenu a:hover{
	color:#ffffff;
}
.submenuentry{
}
.submenuentry._half{
	display:inline-block;
	width:44%;
	vertical-align:top;
	margin-right:2%;
}
.submenuentry:hover{
	background-color:#445f67;
	/* padding:5px; */
}
.submenu-new{
	float:right;
	color:#a4d949;
	font-weight:600;
	font-size:0.7rem;
	margin-top:3px;
}


.start-header{
	float:left;
	width:100%;
	color:#6b6b6b;
}
.start-header-left{
	float:left;
	width:60%;
}
.start-header-right{
	float:right;
	color:#9a9a9a;
	font-size:0.8rem;
	margin-top:20px;
}

/* SERVERNACHRICHT */
.servermeldung{
	float:left;
	margin-top:10px;
	filter: grayscale(100%); /* Standard */
    -webkit-filter: grayscale(100%); /* Webkit */
    filter: url(/elements/grayscale.svg#desaturate); /* Firefox 4-34 */
    filter: gray;  /* IE6-9 */
    -webkit-filter: grayscale(1); /* Old WebKit */
	transition:0.3s;
	cursor:pointer;
}
.servermeldung:hover{
	filter: grayscale(0%);
    filter: none;
    -webkit-filter: grayscale(0); /* Old WebKit */
}
#servernachricht{
	position:fixed;
	z-index:1999;
	width:100%;
	height:100%;
	top: 0; 
	left: 0;
	right: 0;
	bottom: 0;
	background-color:rgba(0,0,0,0.5);
	/*display:none;*/
}
#servernachricht-box{
	z-index:2000;
	position:fixed;
	top:25%;
	width:50%;
	left:25%;
	background-color:#ffffff;
	border:10px solid #6b8138;
	padding:40px;
	box-sizing:border-box;
}


/* Start */
.start-boxen-desktop{
	display:block;
}
.start-boxen-handy{
	display:none;
}
.start-boxen-desktop{
	display:block;
}
.start-boxen-handy{
	display:none;
}
.start-welcome{
	width:100%;	
	font-size:2.2rem;
	font-weight:300;
}
.start-welcome-spruch{
}
.start-welcome-spruch-handy{
	display:none;
}
.start-box{
	float:left;
	width:20%;
	min-height:290px;
	padding: 30px 0px 30px 30px;
	margin-bottom:50px;
	border-left:1px dashed #cccccc;
	font-size:0.8rem;
	box-sizing:border-box;
}
.start-box-cube{
	float:left;
	width:20px;
	height:20px;
	margin-right:10px;
	margin-top:3px;
}
.start-box-large{
	float:right;
	width:54%;
	background-color:#f6f6f6;
	padding:30px;
	box-sizing:border-box;
}
.start-box-bottom{
	float:right;
	width:54%;
	padding: 30px 0px 30px 30px;
	margin-bottom:50px;
	border-left:1px dashed #cccccc;
	font-size:0.8rem;
	box-sizing:border-box;
}

.start-box-bg1{
	background-color:#60a4d3;
}
.start-box-bg2{
	background-color:#d3ae60;
}
.start-box-bg3{
	background-color:#a4d360;
}
.start-box-bg4{
	background-color:#9160d3;
}
.start-box-bg5{
	background-color:#e97d7d;
}
.start-box-bg6{
	background-color:#82dadd;
}
.start-box-spacer{
	margin-right:40px;
}

.start-statistik-left{
	float:left;
	width:55%;
	margin-right:5%;
	box-sizing:border-box;
}
.start-statistik-right{
	float:right;
	width:40%;
	font-size:10pt;
	margin-top:-16px;
	padding-right:10px;
	box-sizing:border-box;
}
.start-statistik-balkenbereich{
	float:left;
	width:100%;
	height:140px;
}
.start-statistik-monatsbereich{
	float:left;
	width:100%;
	height:20px;
	font-size:0.6rem;
	margin-top:9px;
}
.start-statistik-balken{
	float:left;
	width:6%;
	margin-right:2.5%;
	cursor:pointer;
}
.start-statistik-balken:nth-child(12n){
	margin-right:0%;
}
.start-statistik-tooltip{
	position:absolute;
	width:50px;
	height:20px;
	background-color:#bdbdbd;
	border-radius:5px;
	margin-left:-20px;
	margin-top:-25px;
	text-align:center;
	color:#ffffff;
	font-size:0.8rem;
	display:none;
}
.start-statistik-balken:hover{
	background-color:#92b35a;
}
.start-statistik-balken-light{
	background-color:#8a8a8a;
}
.start-statistik-balken-dark{
	background-color:#484848;
}
.start-statistik-monat{
	float:left;
	width:6%;
	margin-right:2.5%;
}
.start-statistik-monat:nth-child(12n){
	margin-right:0%;
}

.anfragenkontake-content{
	float:left;
	width:100%;
	margin-top:20px;
}
.anfragenkontake-text{
	float:left;
	width:90%;
	border-bottom:1px dashed #e0e0e0;
}
.anfragenkontake-bullet{
	float:right;
	height:28px;
	width:28px;
	-moz-border-radius: 25px;
	border-radius: 25px;	
	margin-top:-8px;
	transition:0.2s;
	cursor:pointer;
}
.anfragenkontake-bullet:hover{
	transform:scale(1.2);
}
.anfragenkontake-bullet-on{
	background-color:#92b256;
}
.anfragenkontake-bullet-off{
	background-color:#cfcfcf;
}
.anfragenkontake-bullet-number{
	float:left;
	height:28px;
	width:28px;
	text-align:center;
	color:#ffffff;
	font-size:0.8rem;
	font-weight:600;
	margin-top:5px;
}

.marketingmedia-left{
	float:left;
	width:10%;
	height:35px;
	margin-bottom:15px;
}
.marketingmedia-right{
	float:left;
	width:90%;
	margin-bottom:15px;
}

.schnellbausteine-box{
	float:left;
	width:18%;
	height:140px;
	transition:0.3s;
	cursor:pointer;
	overflow:hidden;
	background-color:#f6f6f6;
	padding:10px;
	margin-right:2.5%;
	text-align:center;
	box-sizing:border-box;
}
.schnellbausteine-box-contentarea{
	float:left;
	width:100%;
	opacity:0.6;
	transition:0.3s;
	margin-top:5px;
}
.schnellbausteine-box-contentarea:hover{
	opacity:1;
}
.schnellbausteine-box:nth-child(5n+1){
	margin-right:0%;
}
.schnellbausteine-box-content{
	float:left;
	width:100%;
	height:92px;
	border-radius:7px;
	background-color:#f6f6f6;
	margin-bottom:10px;
}
.schnellbausteine-box-title{
	float:left;
	width:100%;
	height:10px;
	font-size:0.7rem;
}


/* INHALTE */
/* ********************************************************************* */
.newpage-content-element{
	cursor:pointer;
}
.newpage-largebox{
	float:left;
	width:100%;
	border-top-left-radius:7px;
	border-bottom-left-radius:7px;
	border-bottom-right-radius:7px;
	background-color:#dae2cb;
	margin-bottom:40px;
	display:none;
	box-sizing:border-box;
	padding:25px;
	font-size:10.5pt;
	color:#353535;
}
.newpage-largebox-button{
	float:right;
	background-color:#92b256;
	height:22px;
	padding:17px;
	padding-left:25px;
	padding-right:25px;
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	color:#ffffff;
	max-width:270px;
	cursor:pointer;
}
.newpage-largebox-content{
	padding:25px;
	float:left;
	font-size:10.5pt;
	width:100%;
	color:#353535;
}
.newpage-largebox-content-box{
	float:left;
	width:20%;
	box-sizing:border-box;
	margin-right:30px;
}
.newpage-account-largebox-content-box {
    float: left;
    box-sizing: border-box;
    margin-right: 30px;
}
.newpage-largebox-spacer{
	
}
.newpage-largebox-input{
	-moz-border-radius:4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	border:1px solid #bcbcbc;
	height:35px;
	width:100%;
	box-sizing:border-box;
	background-color:#f7f7f7;
	padding:5px;
	padding-left:10px;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#4b4b4b;
}
.newpage-largebox-select, select[name="subtype"], select[id^="subtype"]{
	-moz-border-radius:4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	border:1px solid #bcbcbc;
	height:37px;
	width:180px;
	background-color:#f7f7f7;
	padding:5px;
	padding-left:10px;
	font-size:0.9rem;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#4b4b4b;
}
.newpage-button{
	border-radius:7px;
	border:1px solid #afb4a5;
	color:#ffffff;
	width:136px;
	height:38px;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	text-align:center;
	cursor:pointer;
	text-shadow: 1px 1px 1px rgba(60, 60, 60, 0.5);
	float:right;
}
.newpage-button-green{
	background: #a2c266;
	background: -moz-linear-gradient(top, #a2c266 0%, #99ba5e 49%, #7c9c40 51%, #527216 100%);
	background: -webkit-linear-gradient(top, #a2c266 0%,#99ba5e 49%,#7c9c40 51%,#527216 100%); 
	background: linear-gradient(to bottom, #a2c266 0%,#99ba5e 49%,#7c9c40 51%,#527216 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2c266', endColorstr='#527216',GradientType=0 );
}
.newpage-button-green:hover{
	
}
.newpage-toast{
	display:none;
}

/* INHALTE - Aufbau */

.aufbau-left{
	position:fixed;
	width:35%;
	height:650px;
	font-size:0.8rem;
	box-sizing:border-box;
}
.aufbau-left-miniwebsite{
	position:relative;
	width:400px;
	transition:width 0.3s;
	overflow:hidden;
}
.aufbau-left-miniwebsite:hover{
	width:480px;
}
.aufbau-anleitung{
	position:absolute;
	left:400px;
	top:0px;
	width:80px;
	height:640px;
}
.aufbau-anleitung-box{
	float:left;
	font-size:0.7rem;
	width:80px;
	border-bottom:1px solid #a7a7a7;
	color:#a7a7a7;
	text-align:right;
}
.aufbau-right{
	float:right;
	width:65%;
	font-size:0.8rem;
	box-sizing:border-box;
}
.aufbau-left-header{
	float:left;
	width:400px;
	height:76px;
	background-color:#b1b1b1;
	transition:0.2s;
	cursor:pointer;
}
.aufbau-left-header:hover, .aufbau-left-menu:hover, .aufbau-left-slideshow:hover, .aufbau-left-content:hover, .aufbau-left-footer:hover{
	background-color:#92b35a;
}
.aufbau-left-header-logo{
	float:left;
	width:58px;
	height:22px;
	background-color:#9d9d9d;
	margin-top:20px;
	margin-left:40px;
	padding:8px;
	padding-left:14px;
	color:#ffffff;
	font-size:1.1rem;
	font-weight:300;
}
.aufbau-left-header-suche{
	float:right;
	margin-top:30px;
	margin-right:40px;
}
.aufbau-left-header-suche-input{
	-moz-border-radius:4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	border:1px solid #bcbcbc;
	height:10px;
	width:60px;
	background-color:#f7f7f7;
	padding-left:10px;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#4b4b4b;
}
.aufbau-left-menu{
	float:left;
	width:400px;
	height:20px;
	background-color:#f1f1f1;
	transition:0.2s;
	cursor:pointer;
	font-size:0.5rem;
}
.aufbau-left-slideshow{
	float:left;
	width:400px;
	height:130px;
	background-color:#6e6e6e;
	transition:0.2s;
	cursor:pointer;
}
.aufbau-left-content{
	padding-top:50px;
	float:left;
	width:398px;
	height:190px;
	border-left:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	transition:0.2s;
	cursor:pointer;
}
.aufbau-left-content-left{
	float:left;
	margin-left:40px;
	font-size:0.5rem;
	width:180px;
}
.aufbau-left-content-right{
	float:right;
	width:100px;
	height:150px;
	background-color:#b1b1b1;
	margin-right:40px;
}
.aufbau-left-footer{
	float:left;
	width:400px;
	height:100px;
	background-color:#b1b1b1;
	color:#5c5c5c;
	font-size:0.4rem;
	transition:0.2s;
	cursor:pointer;
}
.aufbau-left-footer-content{
	float:left;
	margin-left:40px;
	margin-top:30px;
}
.aufbau-left-footer-content-right{
	float:right;
	margin-right:40px;
	margin-top:30px;
}
.aufbau-infobox{
	float:left;
	width:100%;	
}
.aufbau-infobox-content{
	float:left;
	padding:30px;
	width:100%;
}
.aufbau-infobox-bg-green{
	background-color:#92b359;
	color:#ffffff;
}
.aufbau-infobox-arrow{
	position:absolute;
	width:0; 
	height:0;
	margin-left:-47px;
	border-top: 48px solid transparent;
	border-bottom: 47px solid transparent;
	border-right: 47px solid #92b359;
}
.aufbau-content{
	display:none;
}
.aufbau-imageselect{
	float:left;
	opacity:0.3;
	transition:0.3s;
	cursor:pointer;
	text-align:center;
	width:100%;
}
.aufbau-imageselect img{
	height:auto;
	width:auto;
	max-width:50px;
	max-height:50px;
}
.aufbau-imageselect:hover{
	opacity:0.6;
}
.aufbau-imageselect-border{
	border:1px dashed grey;
	height:60px;
}
.headerbox-icon {
    float:left;
    width:20px;
    padding:10px;
    height:22px;
	opacity:0.5;
}
.headerbox-text{
	float:left;
	margin-top:10px;
	padding-right:19px;
}

/* INHALTE - Kopfbereich */

.kopfbereich-left{
	float:left;
	width:50%;
	border-right:1px dashed #cccccc;
	padding-right:40px;
	font-size:0.8rem;
	box-sizing:border-box;
}
.kopfbereich-right{
	float:left;
	width:50%;
	font-size:0.8rem;
	padding-left:40px;
	box-sizing:border-box;
}
.kopfbereich-complete{
	float:left;
	width:100%;
	font-size:0.8rem;
}
.kopfbereich-logo{
	float:left;
	padding:20px;
	width:100%;
	box-sizing:border-box;
	text-align:center;
	margin-bottom:10px;
	border:1px dotted #b1b1b1;
}
.kopfbereich-logo img{
	max-width:500px;
}
.kopfbereich-select{
	-moz-border-radius:4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	border:1px solid #bcbcbc;
	height:31px;
	width:100px;
	background-color:#f7f7f7;
	padding:5px;
	padding-left:10px;
	font-size:0.8rem;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#4b4b4b;
	margin-top:3px;
}
.kopfbereich-input{
	-moz-border-radius:4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	border:1px solid #bcbcbc;
	height:20px;
	width:30px;
	background-color:#f7f7f7;
	padding:5px;
	padding-left:10px;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#4b4b4b;
}
.kopfbereich-border-bottom{
	border-bottom:1px solid #dddddd;
}
.favicon-delete{
	cursor:pointer;
}

/* INHALTE - Meta Tags */

.metatags-input{
	-moz-border-radius:4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	border:1px solid #bcbcbc;
	height:35px;
	width:100%;
	box-sizing:border-box;
	background-color:#f7f7f7;
	padding:5px;
	padding-left:10px;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#4b4b4b;
}

.tabletop{
	background-color:#54565a;
	color:#ffffff;
}
.tabletop2{
	background-color:#6a6d75;
	color:#ffffff;
}

/* ACCOUNT */
/* ********************************************************************* */

.account-left{
	float:left;
	width:31%;
	border-right:1px dashed #cccccc;
	margin-right:40px;
	padding-right:3%;
	font-size:0.8rem;
	box-sizing:border-box;
}
.account-right{
	float:left;
	width:32%;
	font-size:0.8rem;
	box-sizing:border-box;
}
.account-complete{
	float:left;
	width:100%;
}
.account-kontaktdaten{
	position:absolute;
	margin-top:72px;
	width:24%;
	font-size:0.8rem;
	background-color:#ffffff;
	display:none;
	box-sizing:border-box;
	z-index:100;
}
.account-border-bottom{
	border-bottom:1px solid #dddddd;
}
.account-input{
	-moz-border-radius:4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	border:1px solid #bcbcbc;
	height:20px;
	width:290px;
	background-color:#f7f7f7;
	padding:5px;
	padding-left:10px;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#4b4b4b;
}
.account-hiddeninput{
	-moz-border-radius:4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	border:1px solid #ffffff;
	height:20px;
	width:290px;
	background-color:transparent;
	padding:5px;
	padding-left:10px;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#4b4b4b;
}
input{
	border-width:1px;
}
input, select:disabled{
	background-color:#ffffff;
}
.account-select{
	-moz-border-radius:4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	border:1px solid #bcbcbc;
	height:31px;
	width:100px;
	background-color:#f7f7f7;
	padding:5px;
	padding-left:10px;
	font-size:0.8rem;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#4b4b4b;
	margin-top:3px;
}
.account-hiddenselect{
	-moz-border-radius:4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	border:1px solid #ffffff;
	height:31px;
	width:100px;
	background-color:none;
	padding:5px;
	padding-left:10px;
	font-size:0.8rem;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#4b4b4b;
	margin-top:3px;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.account-button{
	border-radius:7px;
	border:1px solid #afb4a5;
	color:#ffffff;
	width:200px;
	height:38px;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	text-align:center;
	cursor:pointer;
	text-shadow: 1px 1px 1px rgba(60, 60, 60, 0.5);
	background: #a2c266;
	background: -moz-linear-gradient(top, #a2c266 0%, #99ba5e 49%, #7c9c40 51%, #527216 100%);
	background: -webkit-linear-gradient(top, #a2c266 0%,#99ba5e 49%,#7c9c40 51%,#527216 100%); 
	background: linear-gradient(to bottom, #a2c266 0%,#99ba5e 49%,#7c9c40 51%,#527216 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2c266', endColorstr='#527216',GradientType=0 );
	opacity:0.8;
	transition:0.3s;
}
.account-button:hover{
	opacity:1;
}
.account-button-red{
	background: #c26666;
	background: -moz-linear-gradient(top, #c26666 0%, #ba5e5e 49%, #9c4040 51%, #721616 100%);
	background: -webkit-linear-gradient(top, #c26666 0%,#ba5e5e 49%,#9c4040 51%,#721616 100%); 
	background: linear-gradient(to bottom, #c26666 0%,#ba5e5e 49%,#9c4040 51%,#721616 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c26666', endColorstr='#721616',GradientType=0 );
}

/* Account - Hosting */
.hosting{
	font-size:0.8rem;
}
.hosting-left{
	float:left;
	width:38%;
	border-right:1px dashed #cccccc;
	margin-right:40px;
	padding-right:40px;
	font-size:0.8rem;
}
.hosting-right{
	float:left;
	width:55%;
	font-size:0.8rem;
}
.hosting-border-top{
	border-top:1px solid #dddddd;
}
.hosting-input{
	-moz-border-radius:4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	border:1px solid #bcbcbc;
	height:20px;
	width:200px;
	background-color:#f7f7f7;
	padding:5px;
	padding-left:10px;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#4b4b4b;
}
.hosting-new-email{
	float:left;
	width:95%;
	background-color:#dae2cb;
	border-radius:7px;
	padding:20px;
	margin-bottom:20px;
	display:none;
}
.new-email{
	color:#45a8c4;
	cursor:pointer;
}

.infotext{
	float:left;
	font-size:0.75rem;
	color:#9a9a9a;
}

.infobox{
	float:left;
	width:100%;	
}
.infobox-content{
	float:left;
	padding:30px;
	width:100%;
}
.infobox-bg-green{
	background-color:#92b359;
	color:#ffffff;
}
.infobox-arrow{
	position:absolute;
	width:0; 
	height:0;
	margin-left:-47px;
	border-top: 48px solid transparent;
	border-bottom: 47px solid transparent;
	border-right: 47px solid #92b359;
}

/* Account - Adminkonten */
.user-dot {
	display:inline-block;
    width:13px;
    height:13px;
    border:0px;
    border-radius:25px;
    margin-top:9px;
	background-color:#dcdcdc;
	margin-right:5px;
}
.start-dot-1 {
    background-color:#8ca42a;
}
.admin-input{
	-moz-border-radius:4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	border:1px solid #bcbcbc;
	height:25px;
	width:125px;
	background-color:#f7f7f7;
	padding:5px;
	padding-left:10px;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#4b4b4b;
}
.admin-select{
	-moz-border-radius:4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	border:1px solid #bcbcbc;
	height:37px;
	width:180px;
	background-color:#f7f7f7;
	padding:5px;
	padding-left:10px;
	font-size:0.9rem;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#4b4b4b;
}

/* E-MAIL SETTINGS */
.email-settings{
	font-size:0.8rem;
	color:#959595;
}

/* SPRACHEN */
.sprachen-box{
	float:left;
	width:calc((100% / 7) - 18px); /* 100% Breite verteilt auf 7 Boxen | 6 x Margin-Right von 20px geteilt durch 7 = 18px*/
	width:200px;
	border:1px dashed #c7c7c7;
	margin-bottom:15px;
	margin-right:20px;
	padding:30px;
	box-sizing:border-box;
}
.sprachen-box:nth-child(8n){
	margin-right:0px;
}
.sprachen-box-image{
	float:left;
	top:-8px;
	margin-left:-10px;
	margin-right:15px;
}
.sprachen-box-text{
	width:150px;
	float:left;
}
.sprachen-box-headline{
	float:left;
	font-size:15px;
	color:#3c3c3c;
	font-weight:700;
	margin-bottom:5px;
}
.sprachen-box-subline{
	float:left;
	font-size:9pt;
	clear:left;
	font-weight:400;
	margin-left:-10px;
	margin-top:10px;
	line-height:1.6rem;
}

/* SUPPORT TICKETS */
.support-ticketbox{
	float:left;
	width:100%;
	box-sizing:border-box;
	border:1px dashed grey;
	margin-bottom:60px;
}
.support-ticketbox-headline{
	float:left;
	width:55%;
	padding:20px;
	box-sizing:border-box;
	background-color:#67797e;
	color:#ffffff;
	font-size:1.1rem;
	font-weight:300;
	height:60px;
}
.support-ticketbox-ticketnummer{
	float:left;
	width:30%;
	padding:20px;
	box-sizing:border-box;
	background-color:#7a8a8f;
	color:#ffffff;
	height:60px;
}
.support-ticketbox-status{
	float:left;
	width:15%;
	padding:20px;
	box-sizing:border-box;
	background-color:#869aa0;
	color:#ffffff;
	height:60px;
	text-align:center;
}
.support-ticketbox-status._active{
	background-color:#904242;
}
.support-ticketbox-status._inactive{
	background-color:#84943b;
}
.support-ticketbox-content{
	float:left;
	width:100%;
	padding:20px;
	box-sizing:border-box;
}
.support-ticketbox-answer{
	float:left;
	width:100%;
	display:none;
}
.support-ticketbox-input{
	-moz-border-radius:4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	border:1px solid #bcbcbc;
	height:200px;
	width:100%;
	background-color:#f7f7f7;
	padding:5px;
	padding-left:10px;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#4b4b4b;
	box-sizing:border-box;
}
.support-ticketbox-file{
	-moz-border-radius:4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	border:1px solid #bcbcbc;
	height:25px;
	width:85%;
	background-color:#f7f7f7;
	padding:5px;
	padding-left:10px;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#4b4b4b;
}
.support-anfrage-box{
	float:right;
	width:60%;
	padding-left:40px;
	margin-left:40px;
	margin-bottom:40px;
	box-sizing:border-box;
	border-left:1px dashed grey;
}

/* STATISTIK */
.statistics-border{
	line-height:2rem;
	background-color:#4b4b4b;
	color:#ffffff;
}
.statistics-border-top{
	border-top:1px solid #b8b8b8;
}
.statistics-border-bottom{
	border-bottom:1px solid #b8b8b8;
}
.statistics-table{
	font-size:0.8rem;
	text-align:center;
	line-height:2.2rem;
	table-layout:fixed;
}
.statistics-table-more{
	display:none;
}
.statistics-table-more:hover td, .statistics-tr-highlight:hover td{
	background-color:rgba(0,0,0,0.05);
}

.statistics-left{
	float:left;
	width:300px;
}
.statistics-right{
	float:right;
	width:250px;
	font-size:10pt;
	margin-top:-16px;
	margin-right:10px;
}
.statistics-balkenbereich{
	float:left;
	width:300px;
	height:140px;
}
.statistics-monatsbereich{
	float:left;
	width:300px;
	height:20px;
	font-size:0.6rem;
	margin-top:9px;
}
.statistics-balken{
	float:left;
	width:15px;
	margin-right:9px;
	cursor:pointer;
}
.statistics-tooltip{
	position:absolute;
	width:50px;
	height:20px;
	background-color:#bdbdbd;
	border-radius:5px;
	margin-left:-20px;
	margin-top:-25px;
	text-align:center;
	color:#ffffff;
	font-size:0.8rem;
	display:none;
}
.statistics-balken:hover{
	background-color:#92b35a;
}
.statistics-balken-light{
	background-color:#8a8a8a;
}
.statistics-balken-dark{
	background-color:#484848;
}
.statistics-monat{
	float:left;
	width:15px;
	margin-right:9px;
}

hr{
	height:1px;
	border:0;
	background-color:#cecece;
}

.left{ 
	float:left; 
}
.right{ 
	float:right; 
}
.clear{
	clear:both;
}

.button, .button-choose{
	padding:5px;
	border:1px solid #86963b;
	background-color:#84943b;
	color:#ffffff;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	text-align:center;
	cursor:pointer;
	/* height:33px; */
	margin-top:1px;
	margin-top:15px;
	transition:0.3s;
	padding-left:20px;
	padding-right:20px;
	border-radius:8px;
}
a.button{
	height:auto;
}
.button-choose{
	margin-top:0;
	margin-right:15px;
}
.button:hover{
	background-color:#abbe53;
}

.button-red {
    border: 1px solid #bd5b43;
    background-color: #713020;
}
.button-red:hover {
    background-color: #96341c;
}	 
.button-yellow {
    border: 1px solid #b28919;
    background-color: #b28919;
}
.button-yellow:hover {
    background-color: #d0a01d;
}	 
.textfeld, .newpage-input{
	-moz-border-radius:4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	border:1px solid #bcbcbc;
	height:35px;
	width:380px;
	background-color:#f7f7f7;
	padding:5px;
	padding-left:10px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	color:#4b4b4b;
	box-sizing:border-box;
}
.textfeld::placeholder{
	opacity:0.5;
	font-style: italic;
}
.textfeld-normal{
	border:1px solid #bdbdbd;
	height:22px;
	width:220px;
	background-color:#ffffff;
	padding:5px;
	padding-left:10px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	color:#4b4b4b;
}
.textfeld-normal-large{
	width:630px;
}
.textfeld-normal-medium{
	width:500px;
}
.textfeld-tiny{
	width:40px;
}
.textfeld-small{
	width:75px;
}
.textfeld-middle{
	width:210px;
}
.textfeld-large{
	width:300px;
}
.textarea{
	width:360px;
	margin-right:20px;
	height:143px;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	margin-top:5px;
	margin-bottom:15px;
}
.textarea2{
	-moz-border-radius:10px; /* Firefox */
    -webkit-border-radius: 10px; /* Safari, Chrome */
    -khtml-border-radius: 10px; /* KHTML */
    border-radius: 10px; /* CSS3 */
	border:0px;
	height:200px;
	width:320px;
	background-color:#ffffff;
	padding:5px;
	padding-left:10px;
	box-shadow: 2px 2px 3px #8b8b8b;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	color:#4b4b4b;
}
.textarea::placeholder{
	font-style:italic;
}
.textarea-large{
	width:630px;
	border:1px solid #bdbdbd;
	color:grey;
	padding:10px;
}
.textarea-medium{
	width:400px;
	height:50px;
	border:1px solid #bdbdbd;
	color:grey;
	padding:10px;
}
.selectfeld{
	height:27px;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	margin-top:5px;
	margin-bottom:15px;
	background-color:#585858;
	border:1px solid #999999;
	padding:2px;
	color:#ffffff;
}
.page-meta{
	cursor:pointer;
}
.page-meta-input{
	display:none;
	position:absolute;
	right:20px;
	top:10px;
	z-index:2;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
	padding:5px;
}
:not(.minicolors-input).opacity{
	opacity:0.5;
}

h1{
	font-size:18pt;
	padding:0px;
	margin:0px;
	border:0px;
	color:#5e5e5e;
	font-weight:300;
	margin-bottom:40px;
}

h2{
	font-size:15pt;
	padding:0px;
	margin:0px;
	border:0px;
	color:#5e5e5e;
	font-weight:300;
	margin-bottom:40px;
}

h3{
	font-size:13pt;
	padding:0px;
	margin:0px;
	border:0px;
	color:#445359;
	font-weight:300;
}

h4{
	font-size:14pt;
	padding:0px;
	margin:0px;
	border:0px;
	color: #393939;
	font-weight:300;
	margin-bottom:15px;
}

h5{
	font-size:13pt;
	padding:0px;
	margin:0px;
	border:0px;
	color: #3c81bc;
	font-weight:300;
}

h6{
	font-size:18px;
	padding:0px;
	margin:0px;
	border:0px;
	color: #aaa163;
	font-weight:300;
	text-transform:uppercase;
}

.bold{
	font-weight:600;
}
.italic{
	font-style:italic; 
}

a {
	text-decoration: none;
	color:#45a8c4;
}

a:hover {
	text-decoration: none;
	color:#52a5c8;
}

a:active {
	text-decoration: none;
	color:#52a5c8;
}

a.white{
	color:#ffffff;
}

table td{
	vertical-align:top;
}

img{
	border: 0px;
}
.no-form{
	display:inline;
}
.hide{
	display:none;
}
@media(min-width:1600px){
	#main{
		width:84%;
		padding:0;
		margin-left:8%;
		margin-right:8%;
	}
	.top-content{
		width:84%;
		padding:0;
		margin-left:8%;
		margin-right:8%;
	}
}

/* ADDONS */

.addon-box{
	display: inline-block;
	vertical-align:top;
	padding:20px;
	width:23%;
	margin-bottom:2%;
	min-height:50px;
	border:1px dashed #c7c7c7;
	cursor:pointer;
	transition:0.3s;
	box-sizing:border-box;
	margin-right:2%;
}
.addon-box:nth-child(4n){
	margin-right:0%;
}
.addon-box._inactive{
	opacity:0.3;
}
.addon-box:hover{
	background-color:#f9f9f9;
}
.addon-box-image{
	float:left;
	top:-8px;
	margin-right:15px;
}
.addon-box-text{
	width:70%;
	float:left;
	box-sizing:border-box;
}
.addon-box-headline{
	float:left;
	font-size:16px;
	color:#3c3c3c;
	font-weight:700;
	margin-bottom:5px;
}
.addon-box-subline{
	float:left;
	font-size:9pt;
	color:#8498a7;
	clear:left;
	font-style:italic;
	font-weight:400;
}

body.is-overlay{
	
}
body.is-overlay .addon-box{
	width: 23.5%;
    margin-right: 1.5%;
}
body.is-overlay .module-startansicht-4teilig{
	width: 23.5%;
    margin-right: 1.5%;
}
body.is-overlay .modul-box-image{
	margin-right:15px;
}
body.is-overlay .modul-box-text-noentry{
	width:auto;
	overflow:hidden;
	float:none;
}
body.is-overlay .addon-box-spacer:nth-child(4n){
	margin-right:0;
}
body.is-overlay .addon-box-spacer:nth-child(1+4n){
	clear:both;
}
body.is-overlay .addon-box-text{
	width:auto;
	overflow:hidden;
	float:none;
}
body.is-overlay .addon-box-image img{
	width:100%;
}

.general-input{
	-moz-border-radius:4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	border:1px solid #bcbcbc;
	height:25px;
	width:100%;
	background-color:#f7f7f7;
	padding:5px;
	padding-left:10px;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#4b4b4b;
	box-sizing:border-box;
}
.media-content-align input[type="radio"]{
	display:none;
}
.media-content-align input[type="radio"] + img{
	opacity:0.3;
}
.media-content-align input[type="radio"]:checked + img{
	opacity:1;
}

/* ********************************************************************************************** */

/* AUS ALTER DATEI */

/* Seiten struktur */
.menu-button1{
	width:200px;
}
.menu-button2{
	width:115px;
}
.menu-button3{
	width:115px;
}
.menu-button4{
	width:115px;
}
.menu-button5{
	width:150px;
}
.menu-button6{
	width:110px;
}
.menu-button7{
	width:50px;
}
.menu-div{
	position:relative;
}
.menu-box{
	padding:0px;
	margin:0px;
	margin-bottom:6px;
	clear:both;
}
.menu-buttons{
	position:absolute;
	display:none;
	/*width:150px;*/
	height:30px;
	top:12px;
	left:500px;
}
.menu-strukturicons{
	float:left;
	width:12%;
	box-sizing:border-box;
}
.menu-title{
	float:left;
	width:43%;
	box-sizing:border-box;
	margin-top:2px;
}
.menu-fragment{
	float:left;
	width:35%;
	box-sizing:border-box;
	font-size:0.8rem;
	margin-top:2px;
}
.menu-topbox{
	float:left;
	width:10%;
	position:relative;
	box-sizing:border-box;
	margin-top:2px;
}

.menu-newpage-input{
	-moz-border-radius:4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	border:1px solid #bcbcbc;
	height:40px;
	width:200px;
	background-color:#f7f7f7;
	padding:5px;
	padding-left:10px;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#4b4b4b;
	box-sizing:border-box;
	margin-right:20px;
}

.page-preview-icon{
	opacity:0.2;
}
.page-preview-icon:hover{
	opacity:1;
}
#blackbg{
	background-color:rgba(0,0,0,0.5);
	position:fixed;
	height:100%;
	width:100%;
	top:0;
	left:0;
	bottom:0;
	right:0;
	display:none;
	z-index:1;
}
#loading{
	display:none;
	position:absolute;
	width:24px;
	height:24px;
	z-index:10000;
}
.spinner{
	transform-origin:50% 50%;
	animation: spinner 1.5s infinite linear;
}
.spinner-mini{
	width:20px;
	height:20px;
	vertical-align:middle;
}
.spinner-white{
	filter:brightness(200%);
}
#saving{
	background-color:rgba(0,0,0,0.5);
	position:fixed;
	height:100%;
	width:100%;
	top:0;
	left:0;
	bottom:0;
	right:0;
	text-align:center;
	display:none;
	z-index:1001;
}
.saving-content{
	display:inline-block;
	vertical-align:middle;
	font-size:24px;
	font-weight:100;
	color:#ffffff;
}
.saving-content small{
	font-size:12px;
}
#saving:after{
	content:'';
	display:inline-block;
	height:100%;
	vertical-align:middle;
	width:1px;
}

#overlay {	
	background-color:#fcfcfc;
	border:2px solid #cccccc;
	-webkit-box-shadow: 0px 0px 45px -7px rgba(0,0,0,0.53);
	-moz-box-shadow: 0px 0px 45px -7px rgba(0,0,0,0.53);
	box-shadow: 0px 0px 45px -7px rgba(0,0,0,0.53);
	position:fixed;
	z-index:1001;
	/* top:10% !important; */
	display:none;
	padding:10px;
	/* width:80%; */
	/* height:80%; */
   
	box-sizing:border-box;
	border-radius:4px;
}
#overlay .js_close{
	position:absolute;
	top:0;
	right:0;
}
iframe{
	border:0;
}
.overlay-padding{
	padding:20px;
}
.overlay-padding input{
	padding:8px;
	width:250px;
}
.overlay-padding:after{
	content:'';
	display:block;
	clear:both;
}
#overlay.overlay-padding{
	padding:30px;
}
.text-after-input{
	display:inline-block;
	vertical-align:middle;
	margin-left:5px;
}
.hint{
	cursor:help;
}
.hint2{
	cursor:pointer;
}

#hint {
	position:absolute;
	max-width:350px;
	background: #5d7f22;
	border: 1px solid #8caa57;
	pointer-events:none;
	cursor-events:none;
	display:none;
	font-size:0.7rem;
	padding:20px;
	/*margin-left:7px;*/
	color:#ffffff;
	border-radius:5px;
	box-sizing:border-box;
	z-index:1001;
}

#hint-arrow{
	height:0;
	width:0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #5d7f22;
	position:absolute;
	bottom:-10px;
	left:50%;
}

.hint-info{
	float:right;
	width:14px;
	height:14px;
	margin-top:17px;
	background-image:URL('../images/icon-hint-off.png');
}
.hint-info:hover{
	background-image:URL('../images/icon-hint-on.png');
}
.translate-headline .hint-info{
	margin-top:0;
}


.menu-buttons button,.menu-buttons button img{
	background:none;
	padding:0;
	margin:0;
	border:0;
	cursor:pointer;
}

.menu-buttons button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.menu-drag{
	margin-right:30px;
	/*
	width:25px;
	height:15px;
	*/
	position:relative;
	float:left;
	margin-top:-2px;
}
.menu-drag-icon{
	background-image:url('../images/icon-drag.png');
	background-position:center;
	background-repeat:no-repeat;
	cursor:ns-resize;
	width:25px;
	height:30px;
	/*
	position:absolute;
	top:-5px;
	left:10px;
	*/
	float:left;
}
.menu-struktur-icons{
	float:left;
	/*
	margin-right:30px;
	*/
	margin-top:4px;
}
.menu-box li{
	padding:10px;
	padding-left:15x;
	border:1px solid rgba(0,0,0,0);
}

.menu-div ul {
	list-style-type:none; 
}
.menu-div ul li{
	position:relative;
}
.menu-div li.hover, .menu-div li.hover:nth-child(2n){
	border:1px solid #eeeeee;
	background-color:#ffffff;
	transition:0.1s;
}
.menu-div li.hover > a{
	font-weight:bold;
}
.menu-div li.hover.above{
	background-image:url('../images/move_above.png');
	background-position:top left;
	background-repeat:no-repeat;
}
.menu-div li.hover.below{
	background-image:url('../images/move_below.png');
	background-position:bottom left;
	background-repeat:no-repeat;
}
.menu-div li.hover.inside{
	background-image:url('../images/move_inside.png');
	background-position:center left;
	background-repeat:no-repeat;
}
.menu-div li:nth-child(2n){
	background-color:#f7f7f7;
	transition:0.1s;
}
.menu-div li.active{
	background-color:#ffffee;
}

/* Struktur und Inhalte */

.start-balken{
	float:left;
	color:#ffffff;
	width:100%;
	padding-left:15px;
	padding-top:14px;
	padding-bottom:14px;
	box-sizing:border-box;
	font-size:0.9rem;
}
.start-balken-0{
	background-color:#54565a;
	margin-bottom:10px;
}
.start-balken-1{
	background-color:#f7f7f7;
}
.start-balken-2{
	
}
/*
.start-balken-content{
	float:left;
	margin-left:15px;
	margin-top:8px;
	border:1px solid blue;
}
*/
.start-balken-content-icon{
	float:left;
	width:12%;
	box-sizing:border-box;
}
.start-balken-content-text{
	float:left;
	width:43%;
	box-sizing:border-box;
}
.start-balken-content-date{
	float:left;
	width:35%;
	color:#ffffff;
	box-sizing:border-box;
}
.start-balken-content-top{
	float:right;
	width:10%;
	color:#ffffff;
	box-sizing:border-box;
	text-align:center;
}
.start-dot{
	width:13px;
	height:13px;
	border:0px;
    border-radius: 100px;
	display:inline-block;
	margin-right:5px;
}
.slideshow-active{
	margin-top:2px;
	margin-left:10px;
}
.slideshow-contentitem{
	max-height:500px;
}
.slideshow-contentitem img{
	width:100%;
	height:100% !important;
	max-height:250px;
	object-fit:cover;
	object-position:center;
	max-width:none !important;
}
.slideshow-border{
	position:absolute;
	height:250px;
	top:55px;
	width:0;
	transform-origin:50% 50%;
	z-index:5;
}

.start-slideshow-button{
	float:right;
	padding:3px;
	border:1px solid #c4c4c4;
	background:rgba(236,236,236,0.6);
	color:#5e5e5e;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	width:70%;
	text-align:center;
	cursor:pointer;
	transition:0.3s;
	box-sizing:border-box;
	border-radius:12px;
	opacity:0.5;
}
.start-slideshow-button:hover{
	border:1px solid #668790;
background-color:#668790;
	color:#ffffff;
	opacity:1;
}
.start-slideshow-button-aktiv{
	float:right;
	padding:3px;
	border:1px solid #668790;
	background-color:#668790;
	color:#ffffff;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	width:70%;
	text-align:center;
	cursor:pointer;
	transition:0.3s;
	box-sizing:border-box;
	border-radius:12px;
	opacity:1;
}
.start-newpage-button{
	padding:10px;
	border:1px solid #92b256;
	background-color:#92b256;
	color:#ffffff;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	width:170px;
	text-align:center;
	cursor:pointer;
	transition:0.3s;
	box-sizing:border-box;
	border-radius:12px;
	opacity:0.6;
}
.start-newpage-button:hover{
	opacity:1;
}

.start-left{
	float:left;
	width:580px;
}
/* Status: 0 = off, 1 = aktiv, 2 = sonstiges*/
.start-dot-0{
	background-color:#dedede;
}
.start-dot-1{
	background-color:#8ca42a;
}
.start-dot-2{
	background-color:#a42a2a;
}
.start-dot-3{
	background-color:#e1bc3c;
}
.start-icon{
	width:13px;
	height:13px;
	border:0px;
	margin-right:5px;
	display:inline-block;
	cursor:pointer;
}
.start-icon-1{
	background-image:URL('../images/icon-struktur01.png');
}
.start-icon-2{
	background-image:URL('../images/icon-struktur02.png');
}
.start-icon-3{
	background-image:URL('../images/icon-struktur03.png');
}
.start-icon-4{
	background-image:URL('../images/icon-struktur04.png');
}
.start-icon-on{
	opacity:1;
}
.start-icon-off{
	opacity:0.1;
}

.overview-table td{
	vertical-align:top;
}
.lineheight-td{
	line-height:18pt;
}

.overflow-box{
	width:auto;
	overflow:hidden;
}

.filemanager-box{
	width:100%;
	margin:0 auto;
	height:75vh;
	border:0px;
	margin-top:-70px;
}
@media(min-width:1020px){ .filemanager-box{ max-width: 960px } }
@media(min-width:1250px){ .filemanager-box{ max-width: 1195px } }
@media(min-width:1710px){ .filemanager-box{ max-width: 1430px } }
@media(min-width:1985px){ .filemanager-box{ max-width: 1660px } }

/* Helpcenter */
#helpcenter{
	position:fixed;
	top:45%;
	width:60px;
	height:120px;
	opacity:0.3;
	transition:0.3s;
	text-align:center;
	background-image:url('../images/icon-helpcenter.png');
	background-repeat:no-repeat;
	cursor:pointer;
	right:0%;
	z-index:1995;
}
#helpcenter:hover{
	opacity:1;
	width:100px;
}
#helpcenter.active{
	right:30%;
	opacity:1;
	width:100px;
}
.helpcenter-question{
	float:left;
	margin-top:40px;
	width:100%;
	text-align:center;
	padding-left:10px;
}
#helpcenter-content{
	position:relative;
	position:fixed;
	right:-30%;
	width:30%;
	height:100%;
	background:rgba(255,255,255,1);
	border-left:10px solid #92b359;
	box-sizing:border-box;
	z-index:1000;
	transition:0.3s;
	overflow-y: auto;
	overflow-x: hidden;
	top:0;
}
#helpcenter-content.active{
	right:0%;
}
.helpcenter-content{
	float:left;
	width:100%;
	box-sizing:border-box;
	padding:40px;
}
.helpcenter-content-headline{
	width:100%;
	box-sizing:border-box;
	padding:20px;
	background-color:#92b359;
}
.help-feedbackbox{
	float:left;
	width:100%;
	padding:40px;
	border:1px dashed grey;
	box-sizing:border-box;
	display:none;
}
.help-feedbackbox-click{
	color:#52a5c8;
	font-size:0.7rem;
	margin-top:11px;
	cursor:pointer;
}

@media(max-width:1600px){
	#helpcenter{
		transform-origin:100% 50%;
		transform:scale(0.5);
		top:15px;
		z-index:995;
		opacity: 1;
		width: 100px;
	}
}
/* Übersicht */
.main-head{
	font-size:22pt;
	padding:0px;
	margin:0px;
	border:0px;
	color:#b9b9b9;
	font-weight:400;
	text-transform:uppercase;
}
.main-sub{
	font-size:16pt;
	padding:0px;
	margin:0px;
	border:0px;
	color:#b9b9b9;
	font-weight:400;
}
.helpbox{
	display:block;
	margin:0 auto;
	padding:6px 20px;
	background-color:#7e8e47;
	color:#ffffff;
	width:500px;
	position:relative;
	top:-15px;
	text-align:center;
}
.tempbox-content{
	display:none;
}
.tempbox-headline{
	cursor:pointer;
}
.tempbox-textbox{
	padding:5px 20px;
	background-color:#ffffff;
	margin-bottom:10px;
	position:relative;
	border:1px solid #cccccc;
}
.tempbox-timestamp{
	position:absolute;
	font-size:9px;
	right:5px;
	top:2px;
	color:#666666;
}
.infobox{
	float:left;
	width:100%;
	padding:20px;
	background-color:#55757f;
	color:#ffffff;
	box-sizing:border-box;
	margin:10px 0;
	margin-bottom:40px;
}
.infobox2{
	float:left;
	width:100%;
	padding:20px;
	background-color:#5e2626;
	color:#ffffff;
	margin-top:10px;
	margin-bottom:30px;
	box-sizing:border-box;
}
.infobox2 a {

	font-weight:400;
	color:#d9b4b4;
}
.infobox2 a:hover {

	font-weight:400;
	color:#f6d2d2;
}
.infobox2  a:active {

	font-weight:400;
	color:#f6d2d2;
}
.infobox a {

	font-weight:400;
	color:#c0d8ec;
}
.infobox a:hover {

	font-weight:400;
	color:#60b6ff;
}
.infobox  a:active {

	font-weight:400;
	color:#60b6ff;
}

.mainbox{
	float:left;
	width:300px;
	height:300px;
	border-top-right-radius:20px;
	border-bottom-right-radius:20px;
	border-bottom-left-radius:20px;
	background-color:#eaeaea;
	margin-bottom:40px;
	/*
	-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);
	*/
}
.mainbox-bg1{
	background-color:#e2e5d6;
}
.mainbox-bg2{
	background-color:#97896f;
}
.mainbox-bg3{
	background-color:#806f97;
}
.mainbox-spacer{
	margin-right:45px;
}
.mainbox-content{
	float:left;
	margin-left:30px;
	margin-top:30px;
	width:230px;
	color:#808080;
}

.modulfeedbackbox{
	float:left;
	width:170px;
	height:160px;
	padding:10px;
	padding-top:20px;
	text-align:center;
	border-top-right-radius:20px;
	border-top-left-radius:20px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	background-image:URL('../images/bg-trans-white.png');
}
.modulfeedbackbox-spacer{
	margin-right:40px;
}

.table{
	width:100%;
	border-spacing: 0px;
	border-collapse:collapse;
}

.table th,.table td{
	margin:0;
	padding:6px 12px;
	border:1px solid #d0d0d0;
}
.table th{
	font-weight:700;
	background-color:#344b5b;
	text-align:left;
	color:#ffffff;
}
.table tr:nth-child(2n+1){
	background-color:#e7e7e7;
}

.sort-off{
	background-image:url('../images/sort-off.png');
}
.sort-up{
	background-image:url('../images/sort-up.png');
}
.sort-down{
	background-image:url('../images/sort-down.png');
}
.table .sort-off, .table .sort-up, .table .sort-down{
	padding-right:16px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:100% 50%;
}	

/* Error Box */
.error-box{
	float:left;
	width:100%;
	box-sizing:border-box;
	padding:20px;
	background:rgba(139,57,57,0.7);
	color:#ffffff;
	border-radius:20px;
	margin-top:30px;
	text-align:center;
	line-height:1.6rem;
}

.hidden{
	position:absolute;
	left:-9999px;
	top:-9999px;
}

/* Rows */

.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box;
}

.column,
.columns {
margin-left: 4%; }
.column:first-child,
.columns:first-child {
margin-left: 0; }

.one.column,
.one.columns                    { width: 4.66666666667%; }
.two.columns                    { width: 13.3333333333%; }
.three.columns                  { width: 22%;            }
.four.columns                   { width: 30.6666666667%; }
.five.columns                   { width: 39.3333333333%; }
.six.columns                    { width: 48%; }
.seven.columns                  { width: 56.6666666667%; }
.eight.columns                  { width: 65.3333333333%; }
.nine.columns                   { width: 74.0%;          }
.ten.columns                    { width: 82.6666666667%; }
.eleven.columns                 { width: 91.3333333333%; }
.twelve.columns                 { width: 100%; margin-left: 0; /*margin-bottom:30px;*/ }

.one-third.column               { width: 30.6666666667%; }
.two-thirds.column              { width: 65.3333333333%; }

.one-half.column                { width: 48%; }

/* Offsets */
.offset-by-one.column,
.offset-by-one.columns          { margin-left: 8.66666666667%; }
.offset-by-two.column,
.offset-by-two.columns          { margin-left: 17.3333333333%; }
.offset-by-three.column,
.offset-by-three.columns        { margin-left: 26%;            }
.offset-by-four.column,
.offset-by-four.columns         { margin-left: 34.6666666667%; }
.offset-by-five.column,
.offset-by-five.columns         { margin-left: 43.3333333333%; }
.offset-by-six.column,
.offset-by-six.columns          { margin-left: 52%;           }
.offset-by-seven.column,
.offset-by-seven.columns        { margin-left: 60.6666666667%; }
.offset-by-eight.column,
.offset-by-eight.columns        { margin-left: 69.3333333333%; }
.offset-by-nine.column,
.offset-by-nine.columns         { margin-left: 78.0%;          }
.offset-by-ten.column,
.offset-by-ten.columns          { margin-left: 86.6666666667%; }
.offset-by-eleven.column,
.offset-by-eleven.columns       { margin-left: 95.3333333333%; }

.offset-by-one-third.column,
.offset-by-one-third.columns    { margin-left: 34.6666666667%; }
.offset-by-two-thirds.column,
.offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

.offset-by-one-half.column,
.offset-by-one-half.columns     { margin-left: 52%; }

.row._slideshow .one.columns                  { width: calc(100% / 12); }
.row._slideshow .two.columns                    { width: calc(100% / 6); }
.row._slideshow .three.columns                 { width: calc(100% / 4);            }
.row._slideshow .four.columns                   { width: calc(100% / 3); }
.row._slideshow .five.columns                   { width: calc((100% / 12) * 5); }
.row._slideshow .six.columns                    { width: calc(100% / 2) }
.row._slideshow .seven.columns                  { width: calc((100% / 12) * 7) }
.row._slideshow .eight.columns                  { width: calc((100% / 12) * 8) }
.row._slideshow .nine.columns                   { width:calc((100% / 12) * 9)         }
.row._slideshow .ten.columns                   { width: calc((100% / 12) * 10); }
.row._slideshow .eleven.columns                 { width: calc((100% / 12) * 11); }
.row._slideshow .columns						{margin:0}

.row{
	margin-top:30px;
	min-height:350px;
	margin-bottom:50px;
	width:auto;
	border:1px solid #d2d2d2;
	box-sizing:border-box;
	background-color:#ffffff;
	padding:20px;
}
.row.translate{
	min-height:0;
}

.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }

/* JONNYMARKER */  
/* MARKETING-APP bitte noch auslagern */

.m-marketingapp-settings{
	float:right;
	width:30%;
	padding:20px;
	box-sizing:border-box;
	border:1px dashed grey;
	margin-bottom:40px;
}
.m-marketingapp-input-color{
	-moz-border-radius:4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	border:1px solid #bcbcbc;
	height:20px;
	width:90px;
	background-color:#f7f7f7;
	padding:5px;
	padding-left:10px;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#4b4b4b;
	margin-bottom:10px;
}
.m-marketingapp-input{
	-moz-border-radius:4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	border:1px solid #bcbcbc;
	height:35px;
	width:100%;
	box-sizing:border-box;
	background-color:#f7f7f7;
	padding:5px;
	padding-left:10px;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#4b4b4b;
}
.m-marketingapp-image{
	float:left;
	width:100%;
	height:150px;
	margin-bottom:25px;
	cursor:pointer;
}
.m-marketingapp-image-add{
	float:left;
	opacity:0.3;
	transition:0.3s;
	cursor:pointer;
	text-align:center;
	width:100%;
}
.m-marketingapp-content {
    float: left;
    width: 65%;
    box-sizing: border-box;
}
.m-marketingapp-farbkasten{
	float:left;
	width:65%;
	box-sizing:border-box;
	font-size:0.8rem;
}

/* MORE */

.socialmedia {
    width: 29px;
    height: 29px;
    background-position: top;
    display: inline-block;
}
.socialmedia.on, .socialmedia:hover {
    background-position: bottom;
}

.template-box {
    float: left;
    width: 240px;
    height: 350px;
    margin-bottom: 40px;
    margin-right: 30px;
}
:nth-child(6n).template-box {
    /* margin-right: 0px; */
}
.template-box-image {
    float: left;
    width: 240px;
    height: 280px;
    margin-bottom: 20px;
    border: 5px solid #ffffff;
}
.template-box-image2 {
    float: left;
    width: 240px;
    height: 290px;
    margin-bottom: 20px;
}
.template-box-icon {
    float: left;
    width: 47px;
    height: 70px;
}
.template-box-text {
    float: left;
    width: 193px;
}
.dropshadow {
    -webkit-box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.18);
    -moz-box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.18);
    box-shadow: 0px 2px 10px 0px rgba(50,50,50,0.18);
}
.template-box-headline {
    float: left;
    font-size: 10pt;
    color: #3c3c3c;
    width: 193px;
    font-weight: 700;
}
.template-box-subline {
    float: left;
    font-size: 9pt;
    color: #8498a7;
    width: 193px;
    font-style: italic;
    font-weight: 400;
}

.button-grey{
	background-color:#bfbfbf;
	border:1px solid #b2b2b2;
}


/* BENUTZER / KUNDENLOGIN */
.users-left{
	float:left;
	width:58%;
	box-sizing:border-box;
	margin-right:4%;
}
.users-right{
	float:left;
	width:38%;
	box-sizing:border-box;
}
.kundenlogin-new-user-box{
	float:left;
	width:100%;
	border-top-left-radius:7px;
	border-bottom-left-radius:7px;
	border-bottom-right-radius:7px;
	background-color:#dae2cb;
	margin-bottom:40px;
	display:none;
	box-sizing:border-box;
	padding:25px;
	font-size:10.5pt;
	color:#353535;
}
.kundenlogin-new-user-button{
	float:right;
	background-color:#92b256;
	height:22px;
	padding:17px;
	padding-left:25px;
	padding-right:25px;
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	color:#ffffff;
	max-width:270px;
	cursor:pointer;

}.kundenlogin-new-group-box{
	float:left;
	width:100%;
	border-top-left-radius:7px;
	border-bottom-left-radius:7px;
	border-bottom-right-radius:7px;
	background-color:#dae2cb;
	margin-bottom:40px;
	display:none;
	box-sizing:border-box;
	padding:25px;
	font-size:10.5pt;
	color:#353535;
}
.kundenlogin-new-group-button{
	float:right;
	background-color:#92b256;
	height:22px;
	padding:17px;
	padding-left:25px;
	padding-right:25px;
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	color:#ffffff;
	max-width:270px;
	cursor:pointer;
}

/* Übersetzung */

.lang-button{
	line-height:27px;
	vertical-align:top;
}

.lang-button img{
	padding:2px;
	/*border-bottom:4px solid transparent;*/
	opacity:0.1;
}
.lang-button.selected img{
	/*border-bottom:4px solid #6669ff;*/
	opacity:1.0;
}
.translate-color.selected{
	color:#000000;
}
.translate-color{
	color:#b0b0b0;
}
.translate-content {
    width: calc(100% - 200px);
    background-color: #f8f8f8;
    border: 1px solid #f0f0f0;
    padding: 20px;
    box-sizing: border-box;
    margin: 0 auto;
    float: right;
}
.translate-content .newpage-content-row{
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:0;
}
.newpage-content-row .row._hidden{
	opacity:0.3;
}
/*.newpage-content-row{
	float:left;
	width:100%;
	clear:both;
	margin-bottom:40px;
	position:relative;
	padding-bottom:40px;
	border-bottom:5px solid #cccccc;
}*/
.lang-select{
	width:135px;
	padding:7px;
}
.translate-menu-button{
	/*
	background-image:url('../images/menu-icon.png');
	background-position:top right;
	background-repeat:no-repeat;
	*/
	background-image:URL('../images/btn-translate-off.jpg');
	background-repeat:repeat-x;
	background-position:top;
	text-decoration: none;
	width:100%;
	height:40px;
	box-sizing:border-box;
	padding:11px;
	text-align:left;
	background-color:#ffffff;
	/*border:1px solid #cccccc;*/
	cursor:pointer;
	color:#ffffff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.translate-menu-button:hover{
	background-image:URL('../images/btn-translate-on.jpg');
	background-repeat:repeat-x;
}
.translate-headline{
	float:left;
	color:#646464;

	font-weight:400;
	font-size:10pt;
	text-transform:uppercase;
	width:133px;
	margin-top:20px;
}
.translate-div{
	position:absolute;
	overflow:auto;
	height:600px;
	width:500px;
	background-color:#ffffff;
	padding:10px;
	/*
	left:140px;
	top:0;
	*/
	left:0px;
	box-sizing:border-box;
	/*box-shadow:3px 3px 3px #777777;*/
	display:none;
	opacity:0;
	border:8px solid #6f919b;
	z-index:970;
}
.translate-menu{
	position:absolute;
	width:135px;
	z-index:80;
}
.translate-menu.fixed{
	position:fixed;
	top:90px;
}
.translate-box{
	padding:0px;
	margin:0px;
	margin-bottom:6px;
	/*border:1px solid #eeeeee;*/
	clear:both;
}

.translate-box li, .translate-content li{
	padding:8px;
	padding-left:10px;
	border:1px solid rgba(0,0,0,0);
}

.translate-div ul, .translate-content ul {
	list-style-type:none; 
}
.translate-div li, .translate-content li{
	position:relative;
}
.translate-div li:nth-child(odd), .translate-content li:nth-child(odd){
	background-color:#ececec;
	transition:0.1s;
}

.translate-tabs {
    float: left;
    margin-left: 198px;
}
.translate-tab {
    float: left;
    background-color: #eaeaea;
    margin-right: 5px;	
	font-weight:300;
}
.translate-tab a{
	color:#434343;
	display:inline-block;
	padding:10px;
	padding-left:20px;
	padding-right:20px;
}
.translate-tab.selected {
    background-color: #668791;
}
.translate-tab.selected a{
	color:#ffffff !important;
}

/* SEO */
.seo-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
}
.seo-table tr:nth-child(2n+1) {
    background-color: #f1f1f1;
}
.seo-table td, .seo-table th {
    padding: 10px;
    margin: 0;
}
.seo-image-box {
    display: inline-block;
    width: 25%;
    border: 10px solid transparent;
    box-sizing: border-box;
    padding: 10px;
    vertical-align: top;
}
.seo-image {
    width: 100%;
    height: 0px;
    padding-bottom: 100%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}
.seo-image-alt {
    margin-top: 5px;
}
.seo-divider{
	font-size:1.6rem;
	border-bottom:1px solid #666666;
	margin-top:30px;
}
.blob-green{
	background-color:#84943b;
	padding:2px 8px;
	border-radius:20px;
	margin-left:4px;
	color:#ffffff;
	display:inline-block;
}

/* Template settings */
.ts-settings-item{
	margin-bottom:10px;
}

.ts-preview{
	width:51%;
	float:left;
	min-height:800px;
}

.ts-preview h1,.ts-preview h2,.ts-preview h3,.ts-preview h4,.ts-preview h5, .ts-settings-box h1,.ts-settings-box h2,.ts-settings-box h3,.ts-settings-box h4,.ts-settings-box h5{
	text-transform:none;
	line-height:1.2em;
	margin:0;
	margin-bottom: 10px;
}

#ts-previewframe{
}

.ts-settings{
	width:510px;
	float:right;
}

.ts-extra-box{
	width:30%;
	margin-right:5%;
	float:left;
	margin-bottom:30px;
}
.ts-extra-box:nth-child(3n+1){
	clear:left;
}
.ts-extra-box:nth-child(3n){
	margin-right:0;
}
.ts-settings .ts-extra-box{
	width:100%;
	margin-bottom:0px;
}

.ts-settings-tab{
	padding:14px;
	padding-left:25px;
	padding-right:25px;
	border-radius:0px;
	background-color:#b9b9b9;
	display:inline-block;
	width:auto;
	margin-right:5px;
	cursor:pointer;
	color:#ffffff;
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
}
.ts-settings-tab.selected{
	background-color:#83a0a8;
	color:#ffffff;
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);	
}
.ts-settings-tab-overview{
	background-color:#7b8a5e;
}
.ts-settings-tab-overview.selected{
	background-color:#99b565;
	color:#ffffff;
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);	
}

.ts-settings-head{
	float:left;
	width:482px;
	padding:10px;
	background-color:#efefef;
	height:25px;
	color:#ffffff;
	margin-bottom:20px;
	border-left:6px solid #ffffff;
}

.ts-settings-box{
	
}

.ts-settings-item{
	float:left;
	width:250px;
	/*margin:10px 5px;*/
}
.ts-settings-item.ts-type-headline{
	width:510px;
}

.ts-settings-item.ts-type-textsize{
	width:100px;
}
.ts-settings-item.ts-type-textstyle{
	width:140px;
	margin-left:10px;
}
.ts-settings-item.ts-type-image{
	/*width:100%;*/
	margin-bottom:10px;
}

.ts-preview-desktop{
	width:643px;
	float:left;
}
.ts-settings-previewall div{
	box-sizing:border-box;
}
.ts-preview-desktop1{ 
	background-image:url('../images/templates_desktop1.png');
	width:100%;
	height:18px;
}
.ts-preview-desktop2{ 
	background-image:url('../images/templates_desktop2.png');
	width:100%;
	padding:0 20px;
}
.ts-preview-desktop3{ 
	background-image:url('../images/templates_desktop3.png');
	width:100%;
	height:128px;
}

.ts-preview-mobile{
	width:350px;
	float:right;
}
.ts-preview-mobile1{ 
	width:100%;
	background-image:url('../images/templates_mobile1.png');
	height:22px;
}
.ts-preview-mobile2{ 
	width:100%;
	background-image:url('../images/templates_mobile2.png');
	padding:0 20px;
}
.ts-preview-mobile3{ 
	width:100%;
	background-image:url('../images/templates_mobile3.png');
	height:55px;
}

.ts-type-select .newpage-input-drop{
	max-width:240px;
}
#editor{
	border:1px solid #cccccc;
}


.hr-newpage-box {
    margin-bottom: 20px;
    clear: left;
}
.m-diashow-image {
    border: 1px dashed #c1c1c1;
}

#toast{
	position:fixed;
	width:100%;
	bottom:0;
}
#toast-box{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding:20px;
	background-color:#92b359;
	color:#ffffff;
	position:relative;
	display:none;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
#toast-box.green{
	background-color:#92b359;
}
#toast-box.blue{
	background-color:#55757f;
}
#toast-box.red{
	background-color:#af6060;
}
#toast-content{
	text-align:center;
}
#toast-close{
	position:absolute;
	cursor:pointer;
	top:10px;
	right:10px;
}
.toast-me{
	display:none;
}
.ms-options-wrap > div.ms-options{
	overflow-y:auto;
}

@media(max-width:1500px){
	.maincontent{
		margin-top:30px;
	}
	.filemanager-box{
		margin-top:-30px;
	}
}
@keyframes spinner{
	0%{ transform:rotate(0deg) }
	100%{ transform:rotate(360deg) }
}

/* LOGIN ANIMATION */
.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}