/* CSS SCREEN ORK 2013 */

/* BASICS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body {
    padding:0 20px 20px 20px;text-align:center;font-family:Roboto,open sans,Arial,Geneva,sans-serif;background-size: cover;font-size:.9rem;-webkit-font-smoothing: antialiased;
    line-height: 1.4;
}
body {background: #9cc4e2; /* Old browsers */}
#header {
    padding:0 20px;
    margin-bottom: 3rem;
}
#wrapper {display:inline-block;margin:0 auto;padding:0;text-align:center;}
.custom {
    float: left;
    position: relative;
    width:320px;
}
.home .custom {
    float: none;
    width: auto;
}

#main .inside {width:620px;float:left;margin-right:20px;}
#Marginalspalte .inside {width:320px;}

.print {display:none;}

.backstretch {position:fixed !important;overflow:hidden;z-index:1;position:absolute;top:0;left:0;}

#header {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}


/* MODS 2019 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#wrapper > .custom {
    width: 100%;
}

#intro .mod_article {
    background: transparent;
    margin: 0 auto;
    float: none;
    padding-top: 25vh;
}

#intro .mod_article h1 {
    color: #fff;
    font-size: 3rem;
    font-weight: 700;
    text-align: center;
}

#intro .ce_text  {
    color: #fff;
}

#intro .ce_hyperlink {
    text-align: center;
    padding: 1rem 0;
}

#intro .ce_hyperlink a {
    margin-left: auto;
    margin-right: auto;
}

.white {
    color: #fff;
}   

#footer h2 {
    text-align: left;
}

.col_1_2 {
    width: 50%;
    margin: 0;
    padding: 0;
    float: left;
}

.col_2_3 {
    width: 66.6667%;
    margin: 0;
    padding: 0;
    float: left;
}

.col_1_3 {
    width: 33.3334%;
    margin: 0;
    padding: 0;
    float: left;
}

/*
.backstretch {opacity:1;}
*/


/* TABLES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.ce_table {
    
}

table {}
table thead {}
table thead th {
    background: #666;
    color: #fff;
    padding: 10px;
}
table thead th.col_last {
    min-width:115px;
}

table tbody tr {}
table tbody tr:nth-child(even) {
    background: #f1f1f1;
}
td {
    border-bottom: 1px dotted #666;
    padding: 5px;
}

th a {
    color: #fff;
}
th a:hover {
    color: #f1f1f1;
}


/* HOME  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.home #main .inside {width:100%;float:left;margin-right:20px;}


/* WIDE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.wide #main .inside {margin-right:60px;box-sizing: border-box;float:none;width:auto;}

/* LINKS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
a {text-decoration:none;color:#0066CD;}
a:hover {color:#013C77;}

/* Toplink */
.ce_toplink {margin:1rem 1rem .5rem 0;background:#9A019A;padding:.75rem;display:inline-block;color:#fff;font-size:1.1rem;font-weight:700;}
.ce_toplink a {color:#fff;}
.ce_toplink a:before {content: "\f0aa";font-family:"FontAwesome";margin:0 .5rem 0 0;font-size:1rem;}

/* Backlink */
.back {margin:2rem 1rem .5rem 0;background:#263344;padding:.75rem;display:inline-block;color:#fff;font-size:1.1rem;font-weight:700;}
.back a {color:#fff;}
.back a:before {content: "\f0a8";font-family:"FontAwesome";margin:0 .5rem 0 0;font-size:1.3rem;}


/* HYPERLINK ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.ce_hyperlink {display:block;}
.ce_hyperlink a {margin:.5rem 1rem 2rem 0;background:#3F3F3F;padding:.75rem;display:inline-block;color:#fff;font-size:1rem;font-weight:700;color:#fff;line-height:140%;}
.ce_hyperlink a:before {content: "\f061";font-family:"FontAwesome";margin:0 .5rem 0 0;font-size:1.3rem;}
.ce_hyperlink a:before {content: "\f0a9";font-family:"FontAwesome";margin:0 .5rem 0 0;font-size:1.3rem;}

.box .hyperlink_tiny, .hyperlink_tiny  {margin:.5rem 1rem .5rem 0;background:#fff;padding:.25rem .5rem .25rem .25rem;display:inline-block;color:#3F3F3F;font-weight:700; !important}
.box .hyperlink_tiny:before, .hyperlink_tiny:before {content: "\f0a9";font-family:"FontAwesome";margin:0 .5rem 0 0;font-size:1rem;padding:0 .25rem;}

.break {margin-bottom:1rem;display:block; !important}



/* ABSÄTZE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
p {margin:.2rem 0 .5rem 0;line-height:140%;}

/* HEADINGS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
h1, h2, h3, h4{margin:1rem 0;font-weight:400;line-height:130%; }
h1 {font-size:1.8333rem;}
h2 {font-size:1.5rem;}
h3 {font-size:1.333rem;}
h4 {font-size:1rem;}

div h1:first-child, div h2:first-child, div h3:first-child {margin-top:0;}

/* Bilder */
.image_container + h1, .image_container + h3, .image_container + h3, .image_container + h4 {margin-top:0;}
figure.float_left {margin:0 1rem .5rem 0;}
figure.float_left img {border:.3rem solid #fff;}
.caption {text-align:center;font-style:italic;font-size:.8rem;}

/* --- FIX Aspect-Ratio-Anpassungen 4.4.46 --- */
img {
    width: 100%;
    height: 100%;
}


/* Gallery ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.ce_gallery {}
.ce_gallery ul {}
.ce_gallery ul li {}
.ce_gallery ul li .image_container {}
.ce_gallery ul li .image_container a {}
.ce_gallery ul li .image_container a img {border:1px solid #AFAFAF;}


/* LOGO ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/*
.logo {background:url("../system/logo-ork-300px.png") no-repeat top left;height:100px;text-indent:-2000px;width:300px!important;}
.homelink {display:block;height:95%;width:95%;}
*/

.logo {/*background:url("../system/bg-30-fff.png");*/height:100px;text-indent:-2000px;width:300px}
.homelink {background:url("../system/logo-ork-300-transparent.png") no-repeat top left;display:block;width:300px;height:97px;}


/* Sprachenwechsler ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.mod_changelanguage {width:4rem;float:right;margin:1rem 0 0 10px;}
.mod_changelanguage .level_1 {margin:0;padding:0;}
.mod_changelanguage .level_1 li {padding:0;margin:0;display:block;text-align:right;}
.mod_changelanguage .level_1 li a {padding:1.2rem;font-weight:700;color:#000;background:url("../system/bg-70-fff.png");display:inline-block;}
.ios .mod_changelanguage .level_1 li a {padding:1.2rem;font-weight:700;color:#000;background:#fff;display:inline-block;}
.mod_changelanguage .level_1 li a:hover {padding:1.2rem;font-weight:700;color:#fff;background:url("../system/bg-70-000.png");display:inline-block;}


/* Nav English Information ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.english_information {float:right;width:200px;margin:0 0px 0 0;clear:both;}
.english {}


/* Suchform klein ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.float_block {width:280px;float:right;}

.search_form {float:right;width:240px;}
.search_form form .formbody {
    width:99%;float:right;margin:.5rem 0 0 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-between;
}
.search_form .widget-text {
    flex-basis: 90%;
}
.search_form .widget-submit {
    flex-basis: 14%;
    height:1.8rem;
    margin:0;
    flex-grow: 3;
    background:#666;
    text-align: center;
}
.search_form form .text {
    height:1.4rem;
    margin:0;
    padding:.2rem .2rem .2rem .4rem;
    border:0;
    background:#fff;
    font-size:1rem;
    font-family:'Roboto',sans-serif;
    display:inline-block;
    width: 90%;
}
.search_form form .submit{
    color:#fff;
    font-family:"FontAwesome";
    height:1.8rem;
    background:#666;
    margin:0;
    padding:.2rem;
    border:0;
    font-size:1rem;
    display:inline-block;
}

.ios .search_form form .submit {height:1.4rem;margin:0;padding:.2rem .5rem;-webkit-appearance: none;border-radius:0;}
.ios .search_form form .text {-webkit-appearance: none;border-radius:0;}


/* Footer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer .inside {padding-top:4rem;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CONTAINER-ELEMENTE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.mod_article {background:#fff;margin:0 20px 20px 0;padding:20px;position:relative;float:left;text-align:left;}
.home #main .mod_article {background:transparent;margin:0;padding:0;position:relative;float:left;text-align:left;width:100%;}
#main .mod_article {width:580px;}
.wide #main .mod_article {width:100%;}
#Marginalspalte .mod_article {width:260px;}


.ce_text {margin-bottom:1rem;}
.ce_text ul {padding-left:1.5rem;list-style-type:circle;}
.ce_text ul li {line-height:150%;padding:0 0 .35rem 0;}



/* CONTAINER-ELMENTE HOME ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.box {background:#fff;display:inline-block;margin:0 20px 20px 0;position:relative;padding:10px;float:left;text-align:left;color:#fff;}!important
.box h2 {margin:0 0 .5rem 0;}
.block {text-align:left;}

.box a:before {content:"";margin:0;}
.box a {margin:0;background:transparent;padding:0;display:inline-block;color:#fff;font-weight:400;} !important

.h0 {height:70px}
.h1 {height:120px;}
.h2 {height:280px;}
.h3 {height:440px;}
.h-auto {height: auto;}

.g1 {width:120px;}
.g2 {width:280px;}
.g3 {width:460px;}
.g4 {width:600px;}


/* DETAILS KACHEL ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.g1 p {margin:0;text-align:left;}
.g1 a {color:#fff;text-decoration:none;width:100%;height:100%;display:inline-block;text-align:left;font-size: .9rem !important;}
.g1 a:after {content: "\f101";font-family:"FontAwesome";color:#fff;font-weight: normal;font-style: 700;display: inline-block;  font-size: 4rem;float:right;padding:.2rem 0 0 0;position:absolute;bottom:35px;right:15px;}
.g1 a:before {content: "";}


/* ICONS KACHELN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.bildung a:after {content: "\f02d";font-family:"FontAwesome";}
.sport a:after {content: "s";font-family:"custom-icons";}
.katastrophe a:after {content: "k";font-family:"custom-icons";}
.kultur a:after {content: "\f001";font-family:"FontAwesome";}
.jugend a:after {content: "\f025";font-family:"FontAwesome";}
.gesundheit a:after {content: "\f0f0";font-family:"FontAwesome";}
.umwelt a:after {content: "\f0ac";font-family:"FontAwesome";}
.klima a:after {content: "\f0c2";font-family:"FontAwesome";}
.klima a:after {content: "\f0eb";font-family:"FontAwesome";}
.raumordnung a:after {content: "\f00a";font-family:"FontAwesome";}
.landwirtschaft a:after {content: "\f06c";font-family:"FontAwesome";}
.wirtschaft a:after {content: "\f085";font-family:"FontAwesome";}
.verkehr a:after {content: "\f018";font-family:"FontAwesome";}
.stats a:after {content: "\f201";font-family:"FontAwesome";}
.stats a:after {content: "\f080";font-family:"FontAwesome";}


.ork > a:after, .ork > strong:after {content: "\f0e8";font-family:"FontAwesome";}
.ork_newsletter > a:after, .ork_newsletter > strong:after {content: "\f003";font-family:"FontAwesome";}
.ork_sek > a:after, .ork_sek > strong:after {content: "\f015";font-family:"FontAwesome";}
.ork_downloads > a:after, .ork_downloads > strong:after {content: "\f019";font-family:"FontAwesome";}
#footer .ork_intranet > a:after, .sublevel .ork_intranet > a:after, .sublevel .ork_intranet > strong:after {content: "\f023";font-family:"FontAwesome";}
.ork_medien > a:after, .ork_medien > strong:after {content: "\f03e";font-family:"FontAwesome";}
.ork_medien > a:after, .ork_medien > strong:after {content: "\f115";font-family:"FontAwesome";}
.ork_links > a:after, .ork_links > strong:after {content: "\f0c1";font-family:"FontAwesome";}
.ork_stellen > a:after, .ork_stellen > strong:after {content: "\f0a6";font-family:"FontAwesome";}
.ork_events > a:after, .ork_events > strong:after {content: "\f073";font-family:"FontAwesome";}
.ork_logout > a:after, .ork_logout > strong:after {content: "\f09c";font-family:"FontAwesome";}
.intranet_news > a:after, .intranet_news > strong:after {content: "\f044";font-family:"FontAwesome";}
.intranet_downloads > a:after, .intranet_downloads > strong:after {content: "\f019";font-family:"FontAwesome";}
.intranet_upload > a:after, .intranet_upload > strong:after {content: "\f093";font-family:"FontAwesome";}
.intranet_profile > a:after, .intranet_profile > strong:after {content: "\f007";font-family:"FontAwesome";}
.intranet_overview > a:after, .intranet_overview > strong:after {content: "\f115";font-family:"FontAwesome";}

.ork_history > a:after, .ork_history > strong:after {content: "\f059";font-family:"FontAwesome";}
.ork_organisation > a:after, .ork_organisation > strong:after {content: "\f00a";font-family:"FontAwesome";}
.ork_kommission > a:after, .ork_kommission > strong:after {content: "\f0c0";font-family:"FontAwesome";}
.ork_kooperation > a:after, .ork_kooperation > strong:after {content: "\f079";font-family:"FontAwesome";}
.ork_ziele > a:after, .ork_ziele > strong:after {content: "\f0a4";font-family:"FontAwesome";}
.ork_finanz > a:after, .ork_finanz > strong:after {content: "\f0d6";font-family:"FontAwesome";}
.ork_projekte > a:after, .ork_projekte > strong:after {content: "\f07c";font-family:"FontAwesome";}


.infobox_one a {display:inline-block;width:180px;font-weight:200;}
.infobox_one a:before {content: "\f0d6";font-family:"FontAwesome";font-weight: normal;font-style: 700;display: inline-block;  font-size: 5rem;padding:.2rem 0 0 0;position:absolute;top:15px;right:20px;}

.home .video a {display:inline-block;width:180px;font-weight:200;}
.home .video a:before {content: "\f008";font-family:"FontAwesome";font-weight: normal;font-style: 700;display: inline-block;  font-size: 5rem;padding:.2rem 0 0 0;position:absolute;top:0px;right:20px;}
.ie .video a:before {font-size: .6rem;}

.infobox_two a {display:inline-block;width:200px;font-weight:700;float:right;}
.infobox_two a:before {content: "\f024";font-family:"FontAwesome";font-weight: normal;font-style: 700;display: inline-block;  font-size: 5rem;padding:.2rem 0 0 0;position:absolute;top:0px;left:10px;}

/* FARBEN KACHELN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.bildung {background:#FF6600;}
.sport {background:#67CB33;}
.katastrophe {background:#CC0000;}
.kultur {background:#9A019A;}
.jugend {background:#34CCFE;}
.gesundheit {background:#cc0000;}
.umwelt {background:#003399;}
.klima {background:#FF6600;}
.stats {background:#FF6600;}
.raumordnung {background:#34CCFE;}
.landwirtschaft {background:#67CB33;}
.wirtschaft {background:#003399;}
.verkehr {background:#9A019A;}
.news {background:#ff6600;color:#fff;}
.events {background:#263344;color:#fff;}
.home .events {background:#9A019A;color:#fff;}

.intro {background:#588739;}
.intro h1 {margin:0 0 .5rem 0;}
.infobox_one {background:#263344;}
.infobox_two {background:#CC0099;}
#footer .ork {background:#666;}


/* FARBEN BOXEN THremENSEITEN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.traeger {background:#FFCC00;color:#fff;color:#000;}
.traeger {background:#8BADD2;color:#fff;color:#000;}
.traeger {background:#993399;color:#fff;color:#000;}
.vorsitz {background:#588739;color:#fff;}
.ea {background:#263344;color:#fff;}





/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* NAVIGATION ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* NAVIGATION UNTERSEITEN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.sublevel  {/*width:320px;*/float:left;margin:0;padding:0;}
.sublevel  ul {list-style-type:none;padding:0;margin:0;}
.sublevel  ul li {width:120px;height:120px;float:left;display:inline-block;margin:0 20px 20px 0;padding:10px;background:#ff6600;position:relative;}
.sublevel  ul li a, .sublevel  ul li span {width:100%;height:100%;display:inline-block;text-align:left;color:#fff;line-height:150%;}
.sublevel  ul li a:hover {opacity:.7}
.sublevel  ul li a:hover {opacity:1;text-decoration:none;}
.sublevel  ul li a {opacity:.8}
.sublevel  .trail a {opacity:1}
.sublevel  ul li strong {width:100%;height:100%;display:inline-block;text-align:left;color:#fff;font-weight:700;}

/* FARBEN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.sublevel  a:after {font-size:4rem;color:#fff;font-weight: normal;font-style: 700;display: inline-block; float:right;padding:.2rem 0 0 0;position:absolute;bottom:30px;right:15px;}
.sublevel  strong:after {font-size:4rem;color:#fff;font-weight: normal;font-style: 700;display: inline-block; float:right;padding:.2rem 0 0 0;position:absolute;bottom:30px;right:15px;}
.sublevel  li.ag {background:#cc0000;}
.sublevel  li.ag a:after {content: "\f007";font-family:"FontAwesome";}
.sublevel  li.ag strong:after {content: "\f007";font-family:"FontAwesome";}
.sublevel  li.maps {background:#34CCFE;}
.sublevel  li.maps a:after {content: "\f03e";font-family:"FontAwesome";}
.sublevel  li.maps strong:after {content: "\f03e";font-family:"FontAwesome";}
.sublevel  li.downloads {background:#ff6600;}
.sublevel  li.downloads a:after {content: "\f019";font-family:"FontAwesome";}
.sublevel  li.downloads strong:after {content: "\f019";font-family:"FontAwesome";}
.sublevel  li.links {background:#9A019A;}
.sublevel  li.links a:after {content: "\f0c1";font-family:"FontAwesome";}
.sublevel  li.links strong:after {content: "\f0c1";font-family:"FontAwesome";}
.sublevel  li.projekt {background:#003399;}
.sublevel  li.projekt a, .sublevel  li.projekt span {}
.sublevel  li.projekt strong:after {content: "\f101";font-family:"FontAwesome";}
.sublevel  li.extern a:after {content: "\f045";font-family:"FontAwesome";}
.sublevel .sitemap a:after, .sublevel .sitemap strong:after {content: "\f03a";font-family:"FontAwesome";}
.sublevel .suche a:after, .sublevel .suche strong:after {content: "\f002";font-family:"FontAwesome";}
.sublevel .impressum a:after, .sublevel .impressum strong:after {content: "\f05a";font-family:"FontAwesome";}
.sublevel .privacy a:after, .sublevel .privacy strong:after {content: "\f06e";font-family:"FontAwesome";}
.sublevel .kontakt a:after, .sublevel .kontakt strong:after {content: "\f059";font-family:"FontAwesome";}
.sublevel .english a:after, .sublevel .english strong:after {content: "\f0a6";font-family:"FontAwesome";}
.sublevel .intranet_register a:after, .sublevel .intranet_register strong:after {content: "\f0fe";font-family:"FontAwesome";}
.sublevel .intranet_lost_password a:after, .sublevel .intranet_lost_password strong:after {content: "\f084";font-family:"FontAwesome";}
.sublevel .intranet_overview > strong:after {content: "\f115";font-family:"FontAwesome";font-size:3rem;}
.sublevel .intranet_downloads > strong:after {content: "\f0a6";font-family:"FontAwesome";font-size:2rem;}
.sublevel .ork_news > a:after, .sublevel .ork_news > strong:after {content: "\f0a2";font-family:"FontAwesome";}
.sublevel .ork_kommission > a:after, .sublevel .ork_kommission > strong:after {content: "\f0c0";font-family:"FontAwesome";}
.sublevel .ork_kooperation > a:after, .sublevel .ork_kooperation > strong:after {content: "\f079";font-family:"FontAwesome";}
.sublevel .video > a:after, .sublevel .video > strong:after {content: "\f008";font-family:"FontAwesome";}



/* SERVICE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.service  {width:450px;float:right;margin:1rem 0 0 0;padding:0;
    width: 480px;
}
.service  ul {list-style-type:none;padding:0;margin:0;text-align:right;}
.service  ul li {display:inline-block;margin:0 0 0 1.3rem;}
.service  ul li a {color:#fff;color:#000;font-size:.8rem;}
.service  ul li a:hover {text-decoration:none;}
.service  ul li span {font-weight:700;color:#000;font-size:.8rem;}


/* BREADCRUMB ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.mod_wf_extendedBreadcrumb {}
.mod_wf_extendedBreadcrumb ul {display:block;margin:1rem 0;}
.mod_wf_extendedBreadcrumb ul li {display:inline;}
.mod_wf_extendedBreadcrumb ul li a {display:inline-block;font-size:2rem;margin:0 1rem 0 0;color:#fff;opacity:.8;}
.mod_wf_extendedBreadcrumb ul li a:hover {opacity:1;text-decoration:none;}
.mod_wf_extendedBreadcrumb ul li a:before {content: "\f104";font-family:"FontAwesome"; margin:0 .25rem 0 0;}
.mod_wf_extendedBreadcrumb ul li a:before {content: "\f060";font-family:"FontAwesome"; margin:0 .25rem 0 0;}
.mod_wf_extendedBreadcrumb ul li.active {opacity:1;display:inline-block;font-size:2rem;font-weight:700;margin:0 1rem 0 0;color:#fff;}





/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* sitemap ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.mod_sitemap .level_1{padding:0;list-style-type:none;}
.mod_sitemap a{display:block;text-decoration:none;padding:.5rem .75rem .5rem .75rem;margin:0 .5rem .5rem 0;}
.mod_sitemap a:after {content:"";}
.mod_sitemap a:before {margin:0 .5rem 0 0;font-size:1.3rem;}
.mod_sitemap li.submenu {margin:0 0 2rem 0}
.mod_sitemap .level_1 > .first a {display:block;margin:0 .5rem .5rem 0;padding:.5rem .75rem .5rem .75rem;background:#0066CD;color:#fff;text-decoration:none;}
.mod_sitemap a.submenu {display:block;margin:0 .5rem .5rem 0;padding:.5rem .75rem .5rem .75rem;background:#0066CD;color:#fff;text-decoration:none;}
.mod_sitemap .level_2 a{margin:0 0 0 2rem;}
.mod_sitemap .ag a:before {content: "\f007";font-family:"FontAwesome";}
.mod_sitemap .maps a:before {content: "\f03e";font-family:"FontAwesome";}
.mod_sitemap .downloads a:before {content: "\f016";font-family:"FontAwesome";}
.mod_sitemap .links a:before {content: "\f0c1";font-family:"FontAwesome";}
.mod_sitemap .projekt a:before {content: "\f101";font-family:"FontAwesome";}
.mod_sitemap .extern a:before {content: "\f045";font-family:"FontAwesome";}
.mod_sitemap a.ork_history:before {content: "\f059";font-family:"FontAwesome";}
.mod_sitemap a.ork:before {content: "\f0e8";font-family:"FontAwesome";}
.mod_sitemap a.ork_newsletter:before{content: "\f003";font-family:"FontAwesome";}
.mod_sitemap a.ork_sek:before {content: "\f015";font-family:"FontAwesome";}
.mod_sitemap a.ork_downloads:before {content: "\f019";font-family:"FontAwesome";}
.mod_sitemap a.ork_intranet:before {content: "\f023";font-family:"FontAwesome";}
.mod_sitemap a.ork_medien:before {content: "\f115";font-family:"FontAwesome";}
.mod_sitemap a.ork_links:before {content: "\f0c1";font-family:"FontAwesome";}
.mod_sitemap a.ork_stellen:before {content: "\f0a6";font-family:"FontAwesome";}
.mod_sitemap a.ork_news:before {content: "\f0a2";font-family:"FontAwesome";}
.mod_sitemap a.ork_events:before {content: "\f073";font-family:"FontAwesome";}
.mod_sitemap a.ork_logout:before{content: "\f09c";font-family:"FontAwesome";}
.mod_sitemap a.intranet_news:before {content: "\f044";font-family:"FontAwesome";}
.mod_sitemap a.intranet_downloads:before {content: "\f019";font-family:"FontAwesome";}
.mod_sitemap a.intranet_upload:before {content: "\f093";font-family:"FontAwesome";}
.mod_sitemap a.intranet_profile:before {content: "\f007";font-family:"FontAwesome";}
.mod_sitemap a.intranet_overview:before {content: "\f115";font-family:"FontAwesome";}
.mod_sitemap a.video:before {content: "\f008";font-family:"FontAwesome";}

.mod_sitemap a.intranet_register:before {content: "\f0fe";font-family:"FontAwesome";}
.mod_sitemap a.intranet_lost_password:before {content: "\f084";font-family:"FontAwesome";}

.mod_sitemap a.sitemap:before {content: "\f03a";font-family:"FontAwesome";}
.mod_sitemap a.kontakt:before {content: "\f059";font-family:"FontAwesome";}
.mod_sitemap a.impressum:before {content: "\f05a";font-family:"FontAwesome";}
.mod_sitemap a.suche:before {content: "\f002";font-family:"FontAwesome";}
.mod_sitemap a.english:before {content: "\f0a6";font-family:"FontAwesome";}

.mod_sitemap a.ork_organisation:before {content: "\f00a";font-family:"FontAwesome";}
.mod_sitemap a.ork_kommission:before {content: "\f0c0";font-family:"FontAwesome";}
.mod_sitemap a.ork_kooperation:before {content: "\f079";font-family:"FontAwesome";}
.mod_sitemap a.ork_ziele:before {content: "\f0a4";font-family:"FontAwesome";}
.mod_sitemap a.ork_finanz:before {content: "\f0d6";font-family:"FontAwesome";}
.mod_sitemap a.ork_projekte:before {content: "\f07c";font-family:"FontAwesome";}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* NEWS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* NEWS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#Marginalspalte #news {min-height:100px;}
#Marginalspalte .mod_newslist {color:#fff;}
#Marginalspalte .mod_newsmenu {color:#fff;background:#ff6600;min-height:100px;}
#Marginalspalte .mod_newsmenu li {display:block;}
#Marginalspalte .mod_newsmenu a, #Marginalspalte .mod_newsmenu strong {color:#fff;padding:.35rem 0;display:block;}

/* Newsliste */
.mod_newslist {}
.mod_newslist .layout_short {margin:0 0 3rem 0;}
.home .mod_newslist .layout_simple a {font-size:1rem;display:block;padding:.2rem 0;}
.mod_newslist .info {color:#7F7F7F;font-size:.8rem;}
.mod_newslist h2 {margin:0 0 .5rem 0;}
.mod_newslist h2 a {color:#263344;}
.mod_newslist .teaser {}
.mod_newslist .teaser p {}

.home .mod_newslist h2, .home .mod_eventlist h2 {
    margin-bottom: 1.5rem;
}


/* BREAKING NEWS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#Marginalspalte .mod_newslist {background:#FF6600;}
#Marginalspalte .mod_newslist h2 {}
.layout_simple {display:block;margin:0 0 .7rem 0;}
.layout_simple time {display:block;font-size:.8rem;margin:0 0 .25rem 0;}
.layout_simple a {color:#fff;font-weight:700;}

/* More */
.more {margin:.5rem 1rem .5rem 0;padding:.75rem;display:inline-block;color:#fff;font-size:1.1rem;font-weight:700;}
.mod_newslist .more {background:#ff6600;}
.more a {color:#fff;}
.more a:before {content: "\f0a9";font-family:"FontAwesome";margin:0 .5rem 0 0;font-size:1.3rem;}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* EVENTS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* EVENTS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#Marginalspalte #events {min-height:100px;}
#Marginalspalte .mod_eventlist {color:#fff;}
#Marginalspalte .mod_eventmenu {color:#fff;background:#263344;min-height:100px;}
#Marginalspalte .mod_eventmenu .level_2 {display: none;}
#Marginalspalte .mod_eventmenu li {display:block;}
#Marginalspalte .mod_eventmenu a, #Marginalspalte .mod_eventmenu strong {color:#fff;padding:.35rem 0;display:block;}


/* Eventliste */
.mod_eventlist {}
.mod_eventlist .header {margin: 0 0 .5rrem 0;}
.mod_eventlist .header .date {/*font-size:1.2rem;*/}
.mod_eventlist .header .day {/*color:#7f7f7f;font-size:.8rem;margin-left:1rem;*/}
.mod_eventlist .layout_teaser {margin:0 0 3rem 0;}
.mod_eventlist h2 {margin:0 0 .5rem 0;}
.mod_eventlist h2 a {color:#263344;}
.mod_eventlist .teaser {}
.mod_eventlist .teaser p {}

/* Event */
.mod_eventreader {}
.mod_eventreader .layout_full {}
.mod_eventreader .layout_full .info {font-size:1.2rem;}

/* UPCOMING EVENTS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#Marginalspalte .mod_eventlist {background:#263344;}
#Marginalspalte .mod_eventlist h2 {}
.layout_upcoming {display:block;margin:0 0 .5rem 0;}
.layout_upcoming .date {font-weight:700;}
.layout_upcoming a {color:#fff;margin:0 0 .25rem 0;}


/* More */
.mod_eventlist .more {background:#263344;}

.home .mod_eventlist h2 {/*font-size:1rem;font-weight:700;*/}
.home .mod_eventlist a {display:inline;}

.home .event {clear:left;}
.home .event .date {background: repeat scroll transparent;margin: 0 .2rem .5rem 0;padding-bottom: 0;text-align: left;display: block;}
.home .event .day {color: #fff;display: block;font-size: 1.2rem;font-weight: 700;margin: 0;padding: 0;line-height:100%;}
.home .event .month {color: #fff;font-weight: 500;font-size:.8rem;letter-spacing: 0.2rem;margin: 0;padding: 0;position: relative;top: 0;line-height:90%;}

.home .mod_eventlist .event {
    margin-bottom: 1rem;
}
.home .mod_newslist .event .date {
    display: block;
    float: none;
    text-align: left;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CONTENT-ELremENTE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* IMAGE-BOX THremENSEITEN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#main .heading {display:inline-block;margin:0 20px 20px 0;position:relative;padding:0px;float:left;text-align:left;width:620px;height:300px;}
.heading h1 {position:absolute;bottom:0;left:0;padding:20px;background:url("../system/bg-70-000.png");width:100%;margin:0;color:#fff;height:auto;}

/* SLIDER STARSEITE~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* .slider {display:inline-block;margin:0 20px 20px 0;position:relative;padding:0px;float:left;text-align:left;width:620px;height:300px;} */
.slider {display:inline-block;position:relative;padding:0px;float:left;text-align:left;width:620px;height:300px;margin:0 20px 20px 0;}
.ce_npslider .slider > h1 {position:absolute;bottom:20px;left:0;padding:20px;background:url("../system/bg-70-000.png");width:100%;margin:0;color:#fff;height:auto;}



/* DOWNLOAD ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.ce_download {margin:0 0 2rem 0;}
.ce_download h2 {}
.ce_download ul {}
.ce_download ul li {margin:.5rem 0 .5rem 0;}
.ce_download ul li a {background:#ff6600;padding:.75rem;display:block;color:#fff;font-size:1.1rem;font-weight:700;}
.ce_download ul li a:before {content: "\f016";font-family:"FontAwesome";margin:0 .5rem 0 0;font-size:1.3rem;}
.ce_download ul li a:hover {text-decoration:none;}
.ce_download ul li .size {font-size:.8rem;margin:0 0 0 .5rem;font-weight:400;}
.ce_download ul li .mime_icon {display:none;}

/* DOWNLOADS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.ce_downloads {margin:0 0 2rem 0;}
.ce_downloads h2 {}
.ce_downloads ul {}
.ce_downloads ul li {margin:.5rem 0 .5rem 0;}
.ce_downloads ul li a {background:#ff6600;padding:.75rem;display:block;color:#fff;font-size:1.1rem;font-weight:700;line-height:140%;}
.ce_downloads ul li a:before {content: "\f016";font-family:"FontAwesome";margin:0 .5rem 0 0;font-size:1.3rem;}
.ce_downloads ul li a:hover {text-decoration:none;}
.ce_downloads ul li .size {font-size:.8rem;margin:0 0 0 .5rem;font-weight:400;}
.ce_downloads ul li .mime_icon {display:none;}

/* MULTIFILE-DOWNLOADS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.multifile-downloads-link-container {display:inline-block;margin:0 0 .5rem 0;}
.multifile-downloads-link-container a {background:#efefef;padding:.45rem .5rem;color:#000;display:inline-block;}
.multifile-downloads-link-container a:hover {background:#ff6600;color:#fff;}
.multifile-downloads-select-all-container {display:inline-block;margin:.5rem 0 1rem 0;}
.multifile-downloads-select-all-container a {background:#efefef;padding:.45rem .5rem;color:#000;display:inline-block;}
.multifile-downloads-select-all-container a:hover {background:#ff6600;color:#fff;}
.multifile-downloads-select-all-container a:before {content: "\f062";font-family:"FontAwesome";margin-right:.75rem;font-size:1.1rem;}
.multifile-downloads-button-container {}
.multifile-downloads-button-container .button {background:#ff6600;padding:.75rem;color:#fff;font-weight:700;border:0;}
.multifile-downloads-button-container .button:before {content: "\f019";font-family:"FontAwesome";margin-right:.75rem;font-size:1.1rem;}
.show-checkbox {}
.show-checkbox .checkbox {float:left;margin:15px 15px 10px 10px;}


/* NEWS ENCLOSURE DOWNLOADS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.enclosure {margin:0 0 2rem 0;}
.enclosure p {margin:.5rem 0 .5rem 0;}
.enclosure p a {background:#ff6600;padding:.75rem;display:block;color:#fff;font-size:1.1rem;font-weight:700;}
.enclosure p a:before {content: "\f016";font-family:"FontAwesome";margin:0 .5rem 0 0;font-size:1.3rem;}
.enclosure p a:hover {text-decoration:none;}
.enclosure p .size {font-size:.8rem;margin:0 0 0 .5rem;font-weight:400;}
.enclosure p .mime_icon {display:none;}


a[href$=".pdf"]:after { content: " [PDF]";margin-left:.5rem;font-weight:700; }
a[href$=".xls"]:after { content: " [XLS]";margin-left:.5rem; }
a[href$=".doc"]:after { content: " [DOC]";margin-left:.5rem; }
a[href$=".docx"]:after { content: " [DOCX]";margin-left:.5rem; }
/* a[href$=".xls"]:after { content: "\f019";font-family:"FontAwesome";margin-left:1rem; } */



/* LINKLIST - - - - - - - - - - - - - - - - - - - - - - - */
.mod_linklist {margin:1rem 0;}
.mod_linklist .title {font-size:1.5rem;margin:1rem 0 .5rem 0;}
.mod_linklist .entry {margin:.5rem 1rem .5rem 0;}
.mod_linklist .entry .link {background:#9A019A;padding:.75rem;display:block;color:#fff;font-size:1.1rem;font-weight:500;}
.mod_linklist .entry .counter {display:none;}
.mod_linklist .entry .link p {padding:0;margin:0;}
.mod_linklist .entry .link p img {display:none;}
.mod_linklist .entry .link p a {color:#fff;}
.mod_linklist .entry .link p a:before {content: "\f0c1";font-family:"FontAwesome";margin:0 .5rem 0 0;font-size:1.3rem;}
.mod_linklist .entry .description {}
.mod_linklist .entry .description p {margin:.5rem 1rem 1.5rem .75rem;}

#Marginalspalte .mod_linklist {margin:0 0 1rem 0;}
#Marginalspalte .mod_linklist .entry {margin:.5rem 0;}
#Marginalspalte .mod_linklist .last {margin-bottom:2rem; !important}
#Marginalspalte .mod_linklist .entry .link {background:#fff;font-size:.8rem;}
#Marginalspalte .mod_linklist .entry .link p a {color:#000;}
#Marginalspalte .mod_linklist .title {font-size:1.5rem;margin:0 0 .5rem 0;color:#fff;}

/* GOOGLE MAPS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.mod_dlh_googlremaps {background:#fff;display:inline-block;margin:0 20px 20px 0;position:relative;float:left;text-align:left;width:880px;}



/* PAGINIERUNG  - - - - - - - - - - - - - - - - - - - - - - - */
.pagination{margin:2rem 0;padding:1rem;background:#E0E0E0;}
.pagination p {margin:0 0 .75rem;font-weight:700;}
.pagination ul {margin:0;padding:0;list-style-type:none;}
.pagination li {display:inline;}
.pagination a {display:inline-block;margin:0 .5rem 0 0;padding:.5rem .75rem .5rem .75rem;background:#0066CD;color:#fff;text-decoration:none;}
.pagination a:hover {background:#48A4FF;}
.pagination .active {display:inline-block;margin:0 .5rem 0 0;padding:.5rem .75rem .5rem .75rem;color:#fff;background:#48A4FF;}


/* CFS-MAPS - - - - - - - - - - - - - - - - - - - - - - - */

/* Popup-Box */
.olPopupContent {padding:1rem !important;}
.olControlLayerSwitcher {
    background-color: transparent;
    color: white;
    font-family: sans-serif;
    font-size: smaller;
    font-weight: bold;
    margin-bottom: 3px;
    margin-left: 3px;
    margin-top: 3px;
    position: absolute;
    right: 0;
    top: 25px;
    width: 30rem;!important
}

.baseLayersDiv {/* display:none; */}




/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* SUCHE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.mod_search .formbody {
    margin:1rem 0 2rem 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-between;
}
.mod_search .widget-text {
    flex-basis: 85%;
}
.mod_search .widget-submit {
    flex-basis: 15%;
    margin:0;
    text-align: center;
}
.mod_search .widget-submit .submit {
    padding:.7rem;display:inline-block;margin:0; background: #ddd;font-weight:700;border:0;font-size:1rem;-webkit-appearance: none;border-radius:0;
    width: 100%;background: rgb(0,102,205);
}
.mod_search .text {
    padding:.6rem;margin: 0 .5rem 0 0;display:inline-block;font-size:1rem;border:1px solid #ddd;-webkit-appearance: none;border-radius:0;font-family:'Roboto',sans-serif;
    width: 95%;
}

.mod_search .submit:hover {background:#ff6600;color:#fff;}
.mod_search .radio_container{display:inline-block;margin:1rem 0;border:0;}

.mod_search .header{font-weight:500;margin: 1.5rem 0 1rem 0;}
.mod_search .odd,.mod_search .even{margin:1rem 0;padding:1rem 0;}
.mod_search h3{margin:0 0 0rem 0;text-decoration:none;}
.mod_search h3 a{text-decoration:none;}
.mod_search .relevance{margin-left:2rem;font-size:.7rem;color:#666;}
.mod_search .context{padding:.5rem 0;font-size:.9rem;line-height:1.3rem;color:#666;}
.mod_search .highlight{font-weight:700;}
.mod_search .url{padding:0;font-size:.9rem;font-weight:300;min-height:1.5rem;margin:0 0 0 .2rem;color:#009900;}
.mod_search .url:before{content: "\f0C1";font-family:"FontAwesome";color:#009900;padding:.2rem .5rem .2rem 0;font-weight: normal;font-style: normal;display: inline-block;}
.mod_search .filesize{}





/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FORMULARE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.ce_form {}
.formbody {}

.widget {
	overflow:auto;
}
.explanation {
	color: #000;
	background: #F6F6F6;
	padding: 5px 10px;
	margin: 1rrem 0;
}
fieldset {
	overflow:hidden;
}
.ce_form label, 
.ce_form .text, 
.text,
label,
.textarea {margin:.4rem 0 .4rem 0;}
.mod_login label,
.mod_personalData label, 
.mod_registration label,
.mod_lostPassword label,
.ce_form label {width:28%;float:left;clear:both;margin-right:1%;-webkit-appearance: none;border-radius:0;}
.mod_login .text, 
.mod_registration .text,
.mod_lostPassword .text,
.mod_unsubscribe .text,
.ce_form .text,
.mod_personalData .text,
.captcha {width:60%;float:left;padding:.3rem;border:1px solid #ddd;-webkit-appearance: none;border-radius:0;margin-bottom:.5rem;}
.select {width:60%;float:left;padding:.3rem;border:1px solid #ddd;-webkit-appearance: none;border-radius:0;}
.textarea:hover, .text:hover, .captcha:hover {border:1px solid #000;}
.textarea {width:60%;float:left;padding:.3rem;border:1px solid #ddd;height:10rem;-webkit-appearance: none;border-radius:0;}
.widget-submit {margin-left:29%;clear:both;}
.widget-submit .submit {border:0;margin:.8rem 0;color:#fff;background:#0066CD;padding:.8rem;font-weight:700;font-family:'Roboto',sans-serif;-webkit-appearance: none;border-radius:0;}
.submit:hover {background:#ff6600;color:#fff;}
.ce_form p.error {
	width:100%;float:left;padding:.3rem;
	}
input.error {border:1px solid #ff6600;margin-left:29%;}
input.upload {border:0;margin:.8rem 0;color:#fff;background:#0066CD;padding:.8rem;font-weight:700;font-family:'Roboto',sans-serif;-webkit-appearance: none;border-radius:0;}
.upload .submit {border:0;margin:.8rem 0 .8rem 29%;color:#fff;background:#ff6600;padding:.8rem;font-weight:700;font-family:'Roboto',sans-serif;-webkit-appearance: none;border-radius:0;}

.captcha_text {clear:both;margin:0 0 0 29%;display:block;}

.error {color:#CC0000}
p.error {}
textarea.error {clear:both;margin:.5rem 0 .5rem 29%;display:block;border:1px solid #cc0000;}

#tl_logout .submit_container {margin-left:0;clear:both;}

#contactform .checkbox_container {float:left;}
#contactform .widget-checkbox {margin-left: 29%;clear: both;}
#contactform .checkbox_container span {float:left;width:100%;}
#contactform .checkbox_container input {width:auto;display:inline-block;float:left;}
#contactform .checkbox_container label {width:90%;display:inline-block;float:left;clear:none;padding-left: 10px;}

.mod_subscribe .checkbox_container {overflow:auto;width:100%;}
.mod_subscribe .checkbox_container span {overflow:auto;width:90%;float:left;}
.mod_subscribe .checkbox_container input {margin: 5px 10px 0 0;line-height: 1.4;display: inline-block;float:left;}
.mod_subscribe .checkbox_container label {padding: 0;line-height: 1.4;display: inline-block;width: 90%;float:left;}
.mod_subscribe .checkbox_container label:after {content:"*"}

.checkbox_container {float:left;}
.checkbox_container span {float:left;width:100%;}
.checkbox_container input {width:auto;display:inline-block;float:left;width:10px;margin-top:5px;}

.checkbox_container label {width:90%;display:inline-block;float:left;clear:none;padding-left: 10px;}

.checkbox_container + .mandatory {
    display: none;
}

/* Doppelte Überschrift ausblenden */
.mod_evr_registration h1 {display:none;}

/* Passwort Recovery - - - - - - - - - - - - - - - - - - - - - - -  */
.mod_lostPassword {}
.mod_lostPassword .text {}
.mod_lostPassword .submit {border:0;margin:.8rem 0;color:#fff;background:#0066CD;padding:.8rem;font-weight:700;font-family:'Roboto',sans-serif;-webkit-appearance: none;border-radius:0;}

/* Checkbox Newsletter - - - - - - - - - - - - - - - - - - - - - - -  */
#ctrl_newsletter input.checkbox{float:left;width:1rem;}
#ctrl_newsletter label{float:left;width:10rem;clear:none;margin-left:.5rem;}


/* Personal Data - - - - - - - - - - - - - - - - - - - - - - -  */
.mod_personalData .checkbox_container {width:91%;}
.mod_personalData .checkbox_container legend {clear:both;float:left;margin-right:1%;width:28%;}
.mod_personalData .checkbox_container span {float:right;padding:.3rem;width:66%;}
.mod_personalData .checkbox_container span .checkbox{}
.mod_personalData .checkbox_container span label{float:left;margin:0;width:5rem;}

/* Upload - - - - - - - - - - - - - - - - - - - - - - -  */
.ce_extranet_upload .submit {border:0;margin:.8rem 0;color:#fff;background:#0066CD;padding:.8rem;
-webkit-border-radius: .3rem;-moz-border-radius: .3rem;border-radius: .3rem;font-weight:700;sans-serif;}
.ce_extranet_upload .submit:hover {background:#ff6600;color:#fff;}
.ce_extranet_upload .upload {padding:.3rem;}
.ce_extranet_upload label {margin:.8rem 0;padding:.8rem 0;}


.upload .qq-upload-button {
    width: 90%;
    padding: 1rem;
    background-color: gainsboro;
    text-align: center;
}

.upload .widget-submit {
    margin: 1rem 0 0 0;
    width: 90%;
    text-align: center;
}

.upload .widget-submit .submit {
    margin: 0;
}



/* Extranet EA Projektförderung - - - - - - - - - - - - - - - - - - - - - - -  */
.radio_container {display:block;clear:left;}
.radio_container legend {}
.radio_container span {}
.radio_container span .radio {float:left;width:1rem;margin:1rem .4rem;}
.radio_container span label {clear:none;width:6rem;margin:1rem .4rem;}

.mod_listing {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: stretch;
    align-content: space-between;
    justify-content: flex-start;
}
.mod_listing .list_search, .mod_listing .list_per_page {
    flex: 0 0 50%;
    box-sizing: border-box;
} 

.mod_listing .all_records, .mod_listing h1, .mod_listing h3 {
    flex: 0 0 100%;
}

.mod_listing .list_search {background:#f8f8f8;padding:1rem;margin:1rem 0;}
.mod_listing .list_search:before {content:"";font-weight:700;display:inline-block;margin:0 0 .5rem 0;}
.mod_listing .list_search .invisible {display: block;}
.mod_listing .list_search .widget-select{width:90%;margin: 0 1rem 1rem 0;}
.mod_listing .list_search .widget-select label {display: block;}
.mod_listing .list_search .widget-text{width: 90%;margin: 0 1rem 1rem 0;}
.mod_listing .list_search .widget-submit {margin: 0;}

.mod_listing .list_search .select {}
.mod_listing .list_search .text {width: 90%;border: 1px solid #DDDDDD;border-radius: 0;float: left;padding: 0.3rem;}
.mod_listing .list_search button.submit {
    background: none repeat scroll 0 0 #0066CD;border: 0 none;border-radius: 0;margin-left: 0;color: #FFFFFF;font-family: 'Roboto',sans-serif;font-weight: 700;padding: .3rem 1rem;margin: 0;
}

.mod_listing .list_per_page {background:#f8f8f8;padding:1rem;margin:1rem 0;}
.mod_listing .list_per_page:before {content:"";font-weight:700;display:inline-block;margin:0 0 .5rem 0;}
.mod_listing .list_per_page .formbody {}
.mod_listing .list_per_page .widget-select {margin: 0 1rem 1rem 0;}
.mod_listing .list_per_page .widget-select label {display: block;}
.mod_listing .list_per_page .widget-submit {margin: 0;}
.mod_listing .list_per_page .select {}
.mod_listing .list_per_page button.submit {
    background: none repeat scroll 0 0 #0066CD;border: 0 none;border-radius: 0;margin-left: 0;color: #FFFFFF;font-family: 'Roboto',sans-serif;font-weight: 700;margin: 0;padding: .3rem 1rem;
}

.mod_listing .all_records {}

.mod_listing table {width: 100%;}
.mod_listing table thead {}
.mod_listing table thead tr {border-bottom:3px solid #c0c0c0;}
.mod_listing table th {padding:.4rem;}
.mod_listing table th a{font-weight:400;}
.mod_listing table th a:before {content: "\f0DC";font-family:"FontAwesome";margin:0 .4rem 0 0;width:.2rem;display:inline-block;padding:0 .4rem 0 0;}
.mod_listing table th a:hover:before {content: "\F078";font-family:"FontAwesome";margin:0 .4rem 0 0;width:.2rem;display:inline-block;padding:0 .4rem 0 0;font-weight:400;}
.mod_listing table th.sorted a {font-weight:700;}
.mod_listing table th.sorted a:before {content: "\F077";font-family:"FontAwesome";margin:0 .6rem 0 0;}

.mod_listing table tbody  {}
.mod_listing table tbody tr  {border-bottom:1px dotted #c0c0c0;padding:.2rem 0;}
.mod_listing table tbody tr.even td {}
.mod_listing table tbody tr.odd td {background:#F8F8F8;}
.mod_listing table tbody td  {padding:.6rem;line-height: 1.5;}
.mod_listing table tbody td:nth-child(1n) {width:10%;}
.mod_listing table tbody td:nth-child(2n) {width:15%;}
.mod_listing table tbody td:nth-child(3n) {width:15%;}
.mod_listing table tbody td:nth-child(4n) {width:30%;}
.mod_listing table tbody td:nth-child(5n) {width:10%;}
.mod_listing .all_records {}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* NEWSLETTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.mod_subscribe {}
.mod_subscribe .text {padding:.3rem;border:1px solid #ddd;font-size:1rem;margin:0;height:1.6rem;width:20rem;-webkit-appearance: none;border-radius:0;}
.mod_subscribe .submit {border:1px solid #0066CD;margin:0 0 0 .5rem;color:#fff;background:#0066CD;padding:.3rem .6rem;font-weight:400;font-family:'Roboto',sans-serif;font-size:1rem;-webkit-appearance: none;border-radius:0;display: inline-block;}

.mod_subscribe .text {padding:.3rem;border:1px solid #ddd;font-size:1rem;margin:0;height:1.6rem;width:20rem;-webkit-appearance: none;border-radius:0;}
.mod_subscribe .submit {border:1px solid #0066CD;margin:0 0 0 .5rem;color:#fff;background:#0066CD;padding:.3rem;font-weight:400;font-family:'Roboto',sans-serif;font-size:1rem;-webkit-appearance: none;border-radius:0;}
.mod_subscribe .submit:hover {border:1px solid #ff6600;background:#ff6600;}

.mod_newsletterlist {}
.mod_newsletterlist ul {}
.mod_newsletterlist ul li {margin:0 0 .5rem 0;}
.mod_newsletterlist ul li a {font-weight:700;margin:0 0 0 1rem;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* GESUNDHEIT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.sante ul li a {background:#9A019A;margin:.5rem 1rem .5rem 0;padding:.75rem;display:inline-block;color:#fff;font-size:1.1rem;font-weight:700;}
.sante ul {padding:0 0 0 2rem;}
.sante li {display:block;margin:0 0 1rem 0;}
/* .sante li:before {content: "\f10c";font-family:"FontAwesome";margin:0 .5rem 0 -1rem;font-size:1.3rem;} */



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MEDIA QUERIES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* BIG SCREEN > 1366 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (min-width:1350px) {
    #wrapper {width:1280px;}
}

@media only screen and (max-width:1350px) {
    #wrapper {width:960px;}
    #wrapper {width:1280px;}
    #Marginalspalte .inside {width:320px;}
}

/* SCREEN XGA ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

@media only screen and (max-width:1300px){
    #wrapper {width:960px;padding:0;overflow:hidden;}
    #main {/*width:640px;*/clear:after;}
    #right{margin-right:0;width:640px;}
    #container {padding-right:0;}
    /*#Marginalspalte .inside {width:320px;}*/
}


/* SCREEN BELOW XGA ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media (max-width:1020px) {
body {padding:0;}
    #wrapper {width:760px;}
    #wrapper {width:960px;}
    #main {width:740px;}
    #main {width:auto;}
    #custom {width:320px;}
    #Marginalspalte .inside {clear:before;width:740px;}
    #Marginalspalte .mod_article {width:260px;float:left;clear:none;}

.col_1_2 {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
}

.col_2_3 {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
}

.col_1_3 {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
}
}


/* MOBILE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (max-width: 1020px) {
body {width:94%;text-align:center;padding:0 2%;}
body {background: #9cc4e2; /* Old browsers */
background: -moz-linear-gradient(top,  #9cc4e2 24%, #1e5799 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(24%,#9cc4e2), color-stop(100%,#1e5799)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #9cc4e2 24%,#1e5799 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #9cc4e2 24%,#1e5799 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #9cc4e2 24%,#1e5799 100%); /* IE10+ */
background: linear-gradient(to bottom,  #9cc4e2 24%,#1e5799 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9cc4e2', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */}

#wrapper {width:760px;}
#wrapper {width:960px;}
#main {width:740px;}
#main {width:auto;}
#custom {width:740px;}
#Marginalspalte .inside {clear:before;width:640px;}
#Marginalspalte .mod_article {width:260px;float:left;clear:none;}

/*
#Marginalspalte .traeger {width:580px;}
#Marginalspalte .mod_linklist {width:580px;}
*/

.wide #main {width: 100%;}
.home box p {line-height:100% !important;}

.mod_listing .list_search, .mod_listing .list_per_page {
    flex: 0 0 100%;
    box-sizing: border-box;
} 
}


/* MOBILE LANDSCAPE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

@media only screen and (max-width: 1280px) and (orientation:landscape) {
.mobile #wrapper {width:960px;padding:0;overflow:hidden;}
.mobile #main {width:960px;clear:after;}
.mobile #right{margin-right:0;width:640px;}
.mobile #container {padding-right:0;}
.mobile .logo {margin-bottom:20px;}
.mobile .search_form {float:right;width:250px;}
.mobile .mod_changelanguage {margin-top:0;}
.mobile .service {margin-top:0;}

#Marginalspalte .traeger {width:261px;}
#Marginalspalte .mod_article {width:261px;}
    
#intro .mod_article {
    padding-top: 15vh;
    }

}


/* MOBILE PORTRAIT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

@media only screen and (max-width: 800px) and (orientation:portrait) {
body {text-align:center;padding:0;width:94%;padding: 3%;}
#wrapper {padding:0;overflow:hidden;width:auto;}
#header {margin-bottom:20px;padding:0;}
.search_form {float:right;width:250px;}
.mod_changelanguage {margin-top:0;}
.service {
    margin-top:0;
    width: 360px;
    }
#main {
    width:100%;
    max-width: 600px;
    }
#right{
    margin-right:0;
    max-width:600px;
    }
#container {padding-right:0;}

.wide #main {width: 580px;}
.wide #main .mod_article {width:580px;}

#Marginalspalte .mod_article {width:580px;float:none;clear:both;}
#Marginalspalte .events {width:260px;float:left;clear:none;}
#Marginalspalte .news {width:260px;float:left;clear:none;}

    .backstretch {
        width: 100%;
    }
    
.home box p {line-height:100% !important;}
}



@media only screen and (max-width: 480px) and (orientation:portrait) {
    body {width:90%;text-align:center;padding:5%;font-size:1rem;}    
    #wrapper {
        width:360px;
        width:100%;
        padding:0;
        overflow:hidden;
    }
    #main {
        width:360px;
        clear:after;
    }
    #main .inside {
        width: 100%;
        margin-right: 0;
    }
    #main .heading {
        width: auto;
    }
    #main .mod_article {
        width: auto;
        margin-right: 0;
    }
    .mod_article {
        padding: 20px 40px 20px 20px;
    }
    #right{
        margin-right:0;
        width:360px;
        width:100%;
    }
    #container {
        padding-right:0;
    }
    #Marginalspalte .inside {
        width:320px;
        width:100%;
    }
    .sc2 {
        width: 100%;
    }

    #header {
        margin-bottom:20px;
        display: inline-block;
    }
    .service {margin-top:0;}

    .wide #main {
        width: 80vw;
    }
    .wide #main .mod_article {
        width: 80vw;
    }
    #header .logo {
        float: left;
        width: 70%;
    }
    #header .logo .homelink {
        width: auto;
        background-size: contain;
        }
    #header .mod_changelanguage {
        float: right;
        margin: 5px 5px 0 0;
    }
    .float_block {
        width: 100%;
    }
    #header .mod_customnav {
        float: left;
        width: 100%;
    }
    #header .mod_customnav .level_1 {
        text-align: left;
    }
    #header .search_form {
        width: 85%;
        float: left;
        margin-left: 1.3rem;
        margin-top: 1rem;
    }
    #header .english_information {
        float: left;
        margin-top: .75rem;
    }
    #intro .mod_article h1 {
        font-size: 2rem;
    }
    
    .col_1_2 {
        width: 100%;
    }
    
    .mod_wf_extendedBreadcrumb {
        display: block;
        clear: both;
        padding-left: 20px;
    }
    
    #main .heading {
        height: auto;
    }
    
    .heading > .ce_image {
        position: relative;
        line-height: 0;
    }
}