@import "tiny.css";

* {margin:0;padding:0;}

*::-moz-selection {background-color:#034078;color:#fff;}
*::selection {background-color:#034078;color:#fff;}

/* BODY-CONTAINERS */
.contentwidth{max-width: 1420px;margin: 0 auto;padding: 0 10px;}

#content{min-height: 100px;padding: 35px 0;max-width: 1020px;margin: 0 auto;}
#footer{position: relative;}
/* END BODY-CONTAINERS */

/* FOOTER NAVIGATION */
#footernavigation{display: flex;list-style-type: none;color: #ffffff;justify-content: flex-end;grid-gap: 20px;}
#footernavigation li{margin-left: unset!important;font-size: 18px;}
#footernavigation li a{color: #ffffff;text-decoration: none;text-transform: uppercase;}
#footernavigation li a:hover{text-decoration: underline;}
#FooterNaviWrapper{position: relative;}
/* END FOOTER NAVIGATION */

/* FORMS */
.formRow{width: 100%; margin-bottom: 10px;}
.formRow input{width: 100%; height: 28px;box-sizing: border-box;padding: 2px 4px;font-family: Arial, sans-serif;border: 1px solid #034078;color: #034078;}
.formRow input::placeholder{color: #034078;}
.formRow textarea{width: 100%; height: 120px;box-sizing: border-box;padding: 5px;font-family: Arial, sans-serif;border: 1px solid #034078;color: #034078;}
.formRow textarea::placeholder{color: #034078;}
.buttonRow{display: grid;grid-template-columns: 50% 50%;grid-gap: 10px;}
.buttonRow input{cursor: pointer;width: calc(100% - 10px);}
.formSuccess{color: green;}
/* END FORMS */

/* COOKIE BANNER */
#cookieBanner_modal {position:fixed;bottom:0;left:0;right:0;}
#cookieBanner_root {position:fixed;z-index:100;left:0;bottom:0;right:0;background:rgba(240,240,240,0.9);font-family:Arial, sans-serif;font-size: 14px;letter-spacing:unset;line-height:1.5;font-weight:normal;color:#000;}
.cookieBanner_contentwidth {position:relative;margin:20px auto 10px auto;max-width:1240px;padding:0 10px;box-sizing:border-box;}
.cookieBanner_title {font-weight:bold;font-size:20px;margin-bottom:5px;}
.cookieBanner_subtitle {margin-bottom:10px;}
.cookieBanner_options {position:relative;}
.cookieBanner_options_end {float:none;clear:both;}
.cookieBanner_optgroup {float:left;margin:0 40px 15px 0;}
.cookieBanner_optgroup_option {position:relative;margin-bottom:5px;}
.cookieBanner_optgroup_option input[type=checkbox] {width:auto;height:auto;margin:3px 0 0 0;padding:0;line-height:1;position:absolute;}
.cookieBanner_optgroup_option_label {padding:0 0 0 22px;position:relative;display:block;max-width:300px;}
.cookieBanner_optgroup_option_marked .cookieBanner_optgroup_option_label {font-weight:bold;}
.cookieBanner_optgroup_option_label label {margin-left:-22px;padding-left:22px;}
.cookieBanner_optgroup_option_label .plus, .cookieBanner_optgroup_option_label .minus {display:inline-block;width:16px;text-align:center;cursor:pointer;font-weight:normal;}
.cookieBanner_optgroup_option_description {font-size:12px;line-height:1.2;font-weight:normal;}
.cookieBanner_button {display:inline-block;border:0;border-radius:0;margin:0 10px 10px 0;padding:5px 10px;font-size:14px;outline:0;line-height:1.2;color:#333;cursor:pointer;}
.cookieBanner_button.cookieBanner_button_primary {background:#098014;color:#fff;}
.cookieBanner_button.cookieBanner_button_primary:hover {background:#086c11;color:#fff;}
.cookieBanner_button.cookieBanner_button_secondary {background:#333;color:#fff;}
.cookieBanner_button.cookieBanner_button_secondary:hover {background:#111;color:#fff;}
@media screen and (max-width: 720px) {
    #cookieBanner_root {max-height:100%;overflow:auto;-webkit-overflow-scrolling:touch;}
    .cookieBanner_contentwidth {margin:10px auto 0 auto;}
    .cookieBanner_button {padding:5px 5px;margin:0 5px 10px 0;}
}
/* ENDE COOKIE BANNER */

/* HEADER */
#headercontainer {position:relative;width:100%;height:520px;background:url('./../img/bg_header.png') 0 0 repeat-x;z-index:5;}
#header {position:relative;max-width:1000px;height:87px;margin:0 auto;padding:0;text-align:center;}
#header #logo {position:relative;display:inline-block;background:#fff;margin:17px auto;padding:10px 15px;}
#headerimages {position:relative;height:258px;width:100%;background:url('./../img/header.jpeg') repeat-x center center;}

#logo_mobil{display: none;}
#logocontainer {position:relative;background:url('./../img/logosimg_bg.png');height:118px;width:100%;text-align:center;vertical-align:top;display: flex;justify-content: center;align-items: center;grid-gap: 100px;}
#logocontainer_mobile{display: none;}

/* NAVI */
#navigationcontainer {position:relative;width:100%;height:57px;background:#034078;text-align:center;}
#navigation {position:relative;list-style-type:none;margin:0 auto;display:inline-block;padding:0;font-family:'colaborate-mediumregular';font-size:16px;text-transform:uppercase;z-index:5;}
#navigation li {position:relative;float:left;line-height:34px;color:#fff;margin:0;height:57px;padding:0;z-index:5;margin-left: 0!important;}
#navigation li a {position:relative;display:block;margin:0;padding:13px 22px 10px;color:#fff;z-index:5;text-decoration:none;}
#navigation li ul  {display: none;list-style-type: none;}
#navigation li:hover > ul {display: grid;}
#navigation li ul li {line-height:25px;height:auto;margin:0;background: #034078;}
#navigation li.selfActive {background:#033766;z-index:5;}
#navigation li:hover, #navigation li.active:hover {background:#00538a;}

/* CONTENT */
.content_block h1{margin-bottom: 40px;}
.personenpage h1{margin-bottom: 100px;}
#content_block_image_id1 img{width: 201px;height: auto;margin-bottom: 15px;}
#content_block_image_text_id2 .content_block_image_text__image{text-align: center;}
#content_block_image_text_id2 .content_block_image_text__content{padding-left: 180px;font-family: arial, helvetica, sans-serif;}
.image_left .content_block_image_text__content img {float: left;padding: 0 20px 10px 0;}
.image_right .content_block_image_text__content img {float: right;padding: 0 0 20px 10px;}

/* FOOTER */
#footer {position:relative;width:100%;height:60px;background:#034078;padding:0;z-index:5;}
#footercontent {position:relative;width:1000px;height:60px;color:#fff;font-family:'colaborate-thinregular';font-size:14px;line-height:60px;margin:0 auto;padding:0;}
#footercontent a {color:#fff;text-decoration:none;}
#footercontent a:hover {color:#fff;text-decoration:underline;}
#footercontent a:active {color:#fff;text-decoration:underline;}
#footercontent p {margin:0;padding:0;}

/* PERSON */
.person {display: grid;grid-template-columns: 200px calc(100% - 200px);justify-content: center;margin-bottom: 69px;font-family: arial, helvetica, sans-serif;font-size: 10pt;padding: 0 10px;}
.person_details{display: grid;grid-gap: 15px;}
.person .person_image img{width: 167px;height: auto;}
.person .person_job,.person .person_name{font-weight: bold;}
.person .person_job p{margin: 0;}

/* VERLINKUNG */
.linkblock {margin-bottom: 20px;}
.linkblock a{font-family: arial, helvetica, sans-serif;font-size: 14pt;}

/* KONTAKTFORMULAR */
.wrapgrid{display: grid;grid-template-columns: 50% 50%;align-items: center;}

/* FOOTER */
#footer #footer-content{position: relative;max-width: 1010px;font-family: 'colaborate-thinregular';padding: 0;height: 100%;display: flex;align-items: center;justify-content: space-between;color: white;}