body{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'Ubuntu', sans-serif;
}

*,
*::before,
*::after{
    box-sizing:border-box;
}

main h1,main h2,main h3,main h4,main h5,main h6{
	padding-top:30px;
	clear: both;
}

main h2{
  font-size:26px;
  margin-top:30px;
  margin-bottom:50px;
}

.desktop {
	display:none !important;
}
/* header Bereich */

.top-bar{
    width:100%;
    background:#000;
    display:flex;
    align-items:center;
    justify-content:center;
}

.top-bar-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    padding:0 0px;
}


.home-button{
    display:flex;
    align-items:center;
    justify-content:center;
    height:50px;
    color:#fff;
    text-decoration:none;
	border:0px solid #ffffff;
}

.home-icon{
    font-size:34px;
	font-weight:bold;
	width:100%;
	height:100%;
	padding-top:7px;
	padding-left:20px;
	padding-right:20px;
	
}

.home-icon:hover{
    background:orange;
}

.search-box{
    display:none;
}


.headernavi-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:100px;
    height:50px;
    padding:0 18px;
    color:#ffffff;
    text-decoration:none;
    font-size:18px;
    font-weight:700;
}

.headernavi-button:hover{
    background:orange;
}


.logo-box{
    display:flex;
    align-items:center;
}

.logo-left{
    display:flex;
    align-items:center;
}

.logo-left img{
    max-height:20px;
    width:auto;
    display:block;
	margin-left:10px;
}

.logo-right{
    margin-left:7px;
    font-size:16px;
    font-weight:800;
    display:flex;
    align-items:center;
}

.text-white{
    color:#ffffff;
}

.text-blue{
    color:#2b84ad;
}

.text-de{
    color:#ffffff;
    font-weight:300;
    letter-spacing:-1px;
}

/* topnavimobile */

select.topnavimobile{
	font-size:20px;
    width:100%;
    box-sizing:border-box;
    padding:10px;
    background:#ffffff;
    color:#000000;
	outline:none;
 
}

/* mobile Seite basic */

.main-content{
    flex:1;
    padding:7px;
    box-sizing:border-box;
}

.special-content{
    display:none;
}

/* Formular Style */
.form-table{
	border: 0px solid;
}

.form-row{
	display:block;
	margin-bottom:18px;
	box-sizing:border-box;
	background:#f5f5f5;
	border:1px solid #c0c0c0;
}

.form-col-left{
	width:100%;
	min-width:0;
	padding:6px;
	padding-right:0;
	padding-bottom:6px;
	text-align:left;
	font-weight:bold;
}

.form-col-right{
	width:100%;
}
	.form-col-right input,
.form-col-right textarea{
	width:100%;
	box-sizing:border-box;
	padding:6px;
	border:0px solid #999;
	font-size:20px;
	font-family:inherit;
	background:#ffffff;
}

.form-col-right textarea{
	min-height:180px;
	resize:none;
}

.form-col-right select{
	width:100%;
	box-sizing:border-box;
	padding:6px;
	border:0px solid #999;
	font-size:20px;
	font-family:inherit;
	background:#ffffff;
	cursor:pointer;
}

.form-col-right select:hover{
	background:#eeeeee;
}

.form-col-right input:focus,
.form-col-right textarea:focus,
.form-col-right select:focus{
	outline:none;
	border:0px solid orange;
	background:#fff;
	color:orange;
}

.form-btn{
		width:100%;
		padding:10px;
		border:1px solid #999;
		background:#eee;
		cursor:pointer;
		font-size:16px;
		margin-bottom:10px;
	}
/* titlebild */

.title-image{
    width:100%;
    position:relative;
    overflow:hidden;
    line-height:0;
}

.title-image img{
    width:100%;
    height:auto;
    display:block;
}

.title-image::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    box-shadow:
        inset 0 10px 10px rgba(0,0,0,0.6),
        inset 0 -10px 10px rgba(0,0,0,0.6);
    pointer-events:none;
}
/* image box */
.image-box{
	border:1px solid #bfbfbf;
	padding:6px;
	box-shadow:0 3px 8px rgba(0,0,0,0.2);
	box-sizing:border-box;
	margin:5px 0;
}

.image-box img{
	width:100%;
	height:auto;
	display:block;
}