@charset "utf-8";
*{
margin:0;
padding:0;
}
html{
height:100%;
margin-bottom:-1px;
overflow-y:scroll;
max-height:100%;
}
span.marker {
/*color: rgb(255, 5, 243);*/
color: #152953;
}

body{
background:#ffffff;
text-align:left;
font-weight:300;
font-family:'Roboto', Arial,sans-serif;
font-size:18px;
color:#747474;
line-height:1.8em;
height:100%;
max-height:100%;
margin:0 auto;
}
img{
border:0 solid;
}
big {
color: red;
font-size: 26px;
font-weight: bold;
}
p{
margin:0 0 1em 0;
}
ul,ol,dl{
margin:1em 0 1em 2em;
}
li{
line-height:1.7em;
margin-left:0;
}
dd{
margin:0 0 1em 2em;
}
.tparrows:hover {
	background: rgba(0, 0, 0, 0.4) !important
}
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{
display:block;
}
#ie_clearing{
display:none;
}
.skip{
position:absolute;
top:-1000em;
left:-1000em;
}
.subcolumns{display:table;width:100%;table-layout:fixed;}
.c14l,.c15l,.c20l,.c25l,.c33l,.c40l,.c38l,.c50l,.c55l,.c60l,.c62l,.c66l,.c75l,.c80l{float:left;}
.c14r,.c15r,.c20r,.c25r,.c33r,.c40r,.c38r,.c50r,.c55r,.c60r,.c66r,.c62r,.c75r,.c80r{float:right;margin-left:-5px;}
.c14l,.c14r{width:14%;}
.c15l,.c15r{width:15%;}
.c20l,.c20r{width:20%;}
.c40l,.c40r{width:40%;}
.c60l,.c60r{width:60%;}
.c80l,.c80r{width:80%;}
.c25l,.c25r{width:25%;}
.c33l,.c33r{width:33.333%;}
.c50l,.c50r{width:50%;}
.c55l,.c55r{width:55%;}
.c66l,.c66r{width:66.666%;}
.c75l,.c75r{width:75%;}
.c38l,.c38r{width:38.2%;}
.c62l,.c62r{width:61.8%;}
.subc{padding:0 0.5em;}
.subcl{padding:0 1em 0 0;}
.subcr{padding:0 0 0 1em;}
.c55l{
margin-right:20px;
}
.edit_toolbar{
position:fixed;
}
td{
vertical-align:top;
}
strong{
color:#383838;
}
.page_margins{
margin:0 auto;
max-width:1200px;
position:relative;
padding: 0 20px;
}
body a{
color:#152953;
text-decoration:none;
}
body a:hover{
text-decoration:underline;
}
#main{
/*margin:0 0 330px 0;*/
padding-top: 100px;
padding-bottom: 100px;
background-color: #fff;
position: relative;
z-index: 2;
}

#mainimage {
	margin-top: 170px;
}
#mainimage img {
	width: 100%;
}


#head{
position:fixed;
width:100%;
height:130px;
top:0;
z-index:100;
background: #ffffff;
border-bottom: 38px solid #dcdddf;
box-shadow: 1px 4px 8px rgba(163,163,163,0.5);
}

.logo{
margin-top:34px;
margin-left: 0;
float:left;

z-index: 500;
position: absolute;
}


.kontakt {
    height: 40px;
    border-bottom: 1px solid #dcdddf;
    color: #ffffff;
    font: normal 16px 'Roboto';
}

.kontakt p {
    text-align: center;
    line-height: 37px
}

.kontakt a {
    color: #ffffff
}

.kontakt img {
    padding: 8px 10px
}

.kontakt_tb {
    float: right;
    background: url(/stream/images/layout/kontakt_bg.png) no-repeat right center;
    height: 40px;
width: 520px;
}

.kontakt_tb span {
    color: #ffffff;
    padding-right: 10px
}

.kontakt table {
	float: right;
}

.kontakt_titel {
color: #0d1f46;
float: left;
margin-left: 25px;
}


#nav ul li a:hover{
color:#646464;
}

ul#sub_nav {margin: 0 0 50px 0; padding: 0;}
ul#sub_nav li { padding:0; margin:0 0 1px 0; list-style: none; text-decoration: none;}
ul#sub_nav li a { display: block; padding: 30px; font:normal 16px 'Roboto', Arial; color: #000000; text-decoration: none; 
	background: #eeeeee; border: 1px solid #ffffff;}
ul#sub_nav li.active a {color: #ffffff; text-decoration: none; background: #152953;}
ul#sub_nav li.path a {color: #ffffff; text-decoration: none; background: #152953;}
ul#sub_nav li a:hover {color: #ffffff; text-decoration: none; background: #152953;}





.headline{
margin-bottom:50px;
}
.headline h2{
text-align: center;
}
h1{
color:#152953;
font:300 48px 'Roboto', Arial,sans-serif,sans-serif;
margin:5px 0 0 0;
padding-bottom:15px;
text-align: center;
}
h2{
color:#152953;
font:300 36px 'Roboto', Arial,sans-serif,sans-serif;
padding-bottom:30px;
}
h3{
color:#8f8f8f;
font:400 24px 'Roboto', Arial,sans-serif,sans-serif;
padding-bottom:30px;
}
h4{
color:#152953;
font:bold 18px 'Roboto', Arial,sans-serif,sans-serif;
padding-bottom:15px;
}
#col1{
float:left;
width:30%;
}
#col1_content{
line-height:1.5em;
}

#col3{
padding-top:0;
}
#col3_content{
margin-bottom:40px;
min-height:300px;
height:auto !important;
height:300px;
}

#location {
	line-height: 50px;
	padding-left: 20px;
	padding-right: 15px;

	margin-bottom: 0;
	padding-top: 115px;

	font-size: 14px;
	font-weight: 300;
	font-family: 'Roboto', Verdana, sans-serif;

	background: #f4f4f4;

	color: #697375;
}

#location a {
	color: #697375;
	font-weight: 300;
}

#location a:hover {
	color: #015583;
	text-decoration: none;
}

.locbg {
	background: url(/stream/images/layout/location_bg.png) no-repeat left center;
	padding-left: 35px;
}
.tb_image.align_right{
margin-left:20px;
margin-top:5px;
}
.tb_image.align_top{
margin-bottom:15px;
}
.site-head{
position:relative;
display:table;
width:100%;
text-align:center;
color:#bbb;
z-index: 1;
background: #ffffff;

margin-top: 100px;
}


.block_content.text {
	margin-bottom: 3em;
}



.start {
	padding: 20px;
	border: 1px solid #d4d4d4;
}

.start .block_content.text {
	margin: 3em 0;
}

.start .block_content.text a {
	color: #8f8f8f;
}
.start .block_content.text a:hover {
	color: #152953;
	text-decoration: none;
}

.start .fa, .start .fab, .start .fad, .start .fal, .start .far, .start .fas {
	margin-right: 0px !important;
}


body#default #head,
body#default .site-head,
{
display:none;
}


/* Startseite */
body#intropage #col1{
display:none;
}
body#intropage #col2{
display:none;
}
body#intropage #col3{
margin:0;
}
body#intropage h3{
text-align:center;
}





/* Unterseite */
body#layout_1col #col1{
display:none;
}
body#layout_1col #col3{
margin:0;
}
body#layout_1col #nav ul li a:hover{
color:#152953;
border-bottom:2px solid #152953;
}
body#layout_1col .headline h2{
color:#3e3e3e;
font:200 36px 'Roboto', Arial,sans-serif,sans-serif;
padding-bottom:30px;
}



/* Unterseite 2 Spaltig */

body#layout_3col #col3{
margin-left:35%;
}
body#layout_3col #nav ul li a:hover{
color:#152953;
border-bottom:2px solid #152953;
}



ul{
margin: 0em 0 1em 2em;
}





#footer{
background:#ececec;
font-size:16px;
text-align:left;
line-height:1.4em;
font-family:'Roboto', Arial, sans-serif;
font-weight:light;
color:#000000;
padding: 70px 0 30px 0;


/*position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: -1;*/
}
#footer span{
color:#a50707;
text-transform:uppercase;
font-size:16px;
font-weight:900;
}
#footer a{
text-decoration:none;
color:#000000;
font-size:16px;
font-weight:light;
}
#footer a:hover{
text-decoration:none;
color:#152953;
}
.footer-menu {
margin: 0 auto 50px auto;
text-align: center;
}
.footer-menu a {
margin:0 20px;
}

#footer .kwlayer,
#footer .kwlayer a{
color:#646464;
text-align:center;
line-height:1.5em;
margin-top:10px;
font-size:10px;
background:transparent;
}
.footer-logo{
text-align:center;
/*margin-bottom:25px;*/
}
.footer-kontakt{
margin:60px 0;
}
#footer .c33r{
text-align:right;
}
#datenschutz{
padding:15px;
text-align:center;
font-family:'Roboto', Arial,sans-serif;
font-size:16px;
color:#000000;
background:#ececec;
}
#datenschutz a{
color:#000000;
font-size:16px;
font-weight:light;
}
#datenschutz a:hover{
text-decoration:none;
color:#152953;
}

.block_content.text_title{
margin-bottom:2em;
}
.block_content.contactform{
line-height:135%;
}
#col3 .tb_image{
display:block;
width: 100%;
}
.scrollup{
width:40px;
height:40px;
opacity:1;
position:fixed;
bottom:15px;
right:15px;
border:2px solid #ffffff;
display:none;
text-indent:-9999px;
/*background:#b8b8b8 url(/stream/images/layout/top.png) no-repeat center center;*/
z-index:999999;
background-clip:padding-box;
padding:5px 5px;
border-radius:50%;
}
.scrollup:hover{
opacity:1;
/*background:url(/stream/images/layout/top.png) no-repeat center center;*/
background-clip:padding-box;
padding:5px 5px;
border-radius:50%;
background-color:#152953;
}
#social a:hover{
opacity:0.7;
}
#wrap{
min-height:100% !important;
height:auto !important;
height:100%;
margin:0 auto -590px;
}
#push{
height:590px;
font-size:0;
line-height:0;
}
.subcl{
padding:0;
}
.subc{
padding:0;
}
.subcr{
padding:0;
}


table.standard{
width:100%;
max-width:100%;
margin-bottom:20px;
}
table.standard a{
color:#4c4c4c;
}
table.standard td,
table.standard th{
padding:5px;
font-size:15px;
vertical-align:top;
background:#f2f2f2;
}
table.standard th{
height:20px;
text-align:left;
font-size:13px;
text-shadow:1px 1px 0px #646464;
vertical-align:middle;
color:#152953;
background:#f9f9f9;
background:linear-gradient(to bottom,#f9f9f9 38%,#ededed 72%,#e2e2e2 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9',endColorstr='#e2e2e2',GradientType=0 );
}
table.standard p{
margin:0;
}
table.standard tr:nth-child(even) td{
background:#646464 !important;
}

.c50l,.c50r{
width:47%;
}




.Datenschutz {
font-size: 14px;
line-height: 1.4em;
text-align: left;
}

.Datenschutz a {
font-size: 14px;
line-height: 1.5em;
}




.scroll-down{
position:absolute;
bottom:40px;
display:inline-block;
font-size:40px;
line-height:32px;
left:50%;
z-index:3000;
margin-left:-16px;
color:#fff;
-webkit-animation:scrolling 1s infinite;
animation:scrolling 1s infinite;
}
.scroll-down:hover{
opacity:0.6;
filter:Alpha(Opacity=60);
text-decoration:none;
}







/* Ankerlinks */

/*.position {
	display: block;
}

.position::before {
    display: block;
    content: "";
    height:160px;
    margin-top: -160px;
    visibility: hidden;
}*/



.btn-fb {
    border-radius: 0;
    font-family: 'Roboto' Arial;
    color: #ffffff;
    font-size: 16px;
    background: #152953;
    padding: 15px 20px 15px 20px;
    text-decoration: none;
}

.btn-fb:hover {
    border-radius: 0;
    font-family: 'Roboto' Arial;
    color: #152953;
    font-size: 16px;
    background: #ececec;
    padding: 15px 20px 15px 20px;
    text-decoration: none;
}

#buttons {
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;

	position: fixed;
	display: inline-flex;
	vertical-align: middle;

	right: -1px;
	top: 50%;
	transform: translateY(-52%);

	z-index: 5;
}

.btn-primary {
    color: #152953;
    background: #ffffff;

    padding: 0.5rem 1rem;
	font-size: 1.25rem;
	line-height: 1.5;
	border-radius: 0.3rem;

	margin-top: 2px;

	border-top-left-radius: 2rem !important;
	border-bottom-left-radius: 2rem !important;
	border: 1px solid #152953;

	width: 100%;

}

.btn-primary:hover {
	background: #ffffff;
	text-decoration: none;
}

#buttons .fa,
#buttons .fas {
    display: inline-block;
    margin-right: 12px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.btn-sm {
    display: inline-block;
    margin-right: 12px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}



@media (max-width: 1590px) {
    #buttons {
        transform: translate(100%,-52%);
	}

    #buttons .btn-primary {
        transform: translateX(-45px);
        transition: transform 0.5s
    }

    #buttons .btn-primary:hover {
         transform:translateX(-90%) 
    }
}



.ugrid .block_content {
height: 100%
}

.full-card-jcd0a813ced0:nth-child(n) {
    margin-right: 20px !important;
}

.card-flex-container p {
	font-family:'Roboto', Arial,sans-serif !important;
	line-height: 1.5em;
}
.card-title {
	margin-top: 10% !important;
	font-size: 18px !important;
	color: #152953;
	font-weight: 600 !important;
}
.card-main-image {
	transform: scale(1.0) !important;
}
.card-button {
	background: #152953 !important;
}


.recht .block_content.text{
	padding: 20px;
}
/*.recht .block_content.text:hover {
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	transition: all 0.5s;
}*/


.nummer {
	background: #152953;
	padding: 30px;
	color: #ffffff;
}
.nummer h3 {
	color: #ffffff;
	font-size: 22px;
	font-weight: 800;
}

.nummer h4 {
	color: #ffffff;
	font-size: 30px;
	font-weight: 800;
}

.overlay-filter {
	background: rgba(21,41,83, 0.45) !important;
}

#gallery_365 {
	margin-bottom: 50px;
}



#bewerbung{
    label {
        font-weight: 500;
    }

    input:not([type="checkbox"]),textarea {
        border: 1px solid rgba(21,41,83, 0.20);
        border-radius: 5px;
        font-size: 18px;
        padding: 5px 7px;
        width: 100%;
        margin-bottom: 1.6rem;
        transition: all 250ms;
        background: rgba(246, 246, 246, 0.42);
        &:focus {
                border: 1px solid rgba(21,41,83, 0.85);
                outline: none;
        }
    }

    input[type="submit"] {
        background: rgb(21,41,83);
    }
}