/* ============================================================================= Farben blau: #0C628F gelb: #FCA91C hellgrau: #999 dunkelgrau: #555 ========================================================================== */ body, input, button, select, textarea { font-family: 'Open Sans', sans-serif; } h1, h2, h3 { font-family: 'Open Sans', sans-serif; } header .navbar, .sprachen, , .langversionen, .brotkrume, footer, #subnavi, table.radiostation, a.badge { font-family: 'Roboto Condensed', sans-serif; } b, strong { font-weight: 600; } *:focus, a:focus, button:focus , .btn:focus { border: 0; outline: none; } body, p { font-size: 15px; line-height: 1.4em; font-weight: 300; letter-spacing: 0; } h1 { margin: 24px 0; font-weight: 900; font-size: 30px; line-height: 1.1em; color: #0C628F; } h2 { margin: 24px 0 12px 0; font-weight: 700; font-size: 21px; line-height: 1.1em; color: #0C628F; } h3 { margin: 24px 0 12px 0; font-weight: 700; font-size: 17px; line-height: 1.1em; color: #0C628F; } h1 span, h2 span, h3 span { font-size: 15px; line-height: 1.1em; color: #555; font-weight: 700; display: block; padding-bottom: 5px; } h4 { font-size: 16px; } a, a:link, a:visited, a:active, a:focus { color: #063f5e; } a.btn-success, a.btn-success:link, a.btn-success:visited, a.btn-success:active, a.btn-success:focus { color: #fff; } a:hover { color: #333; text-decoration: none; } .textitem p > a { text-decoration: underline; } p, ul, ol, table.table { margin: 12px 0; } a.btn-default { clear: both; float: none; text-align: center; margin: 1em 0 2em 0; } a.btn-default { color: #000; background: #FCA91C; border-color: #FCA91C; } a.btn-default:active, a.btn-default:hover, a.btn-default:focus, a.btn-default:visited { color: #000; background: #FCB845; border-color: #FCB845; } a.btn-warning { color: #fff !important; } .alert-info { border-radius: 0; border-color: #FCA91C; background: #FCA91C; } .alert-info, .alert-info * { color: #fff !important; } .alert-info a:hover { text-decoration: underline; } footer, footer p, footer li { font-size: 13px; line-height: 1.2em; } footer strong { font-size: 15px; } /* experimentell: Silbentrennung */ //#wrap * { -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } #wrap * { -ms-hyphens: manual; -webkit-hyphens: manual; hyphens: manual; } #wrap h1, #wrap h2, #wrap h3, #wrap h4, #wrap .linktitel { -ms-hyphens: manual; -webkit-hyphens: manual; hyphens: manual; } /* es geht auch none */ /* .navbar-default .navbar-nav > li { -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } */ /* .navbar-default .navbar-nav > li:nth-child(-n+3) { -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } */ iframe { width: 100% !important; border: 0; } html { min-height: 100%; overflow-y: scroll; } body { min-height: 100%; } a[href^="tel:"] { white-space: nowrap; } hr { margin: 1em 0; padding: 1em 0; border-top: 5px solid #0C628F; } .container-fluid > .scrollnavi, .container-fluid > .navbar-header, .container > .scrollnavi, .container > .navbar-header { margin-left: 0; margin-right: 0; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding: 0; } .row { margin: 0; } /* ============================================================================= Dimensions and Colors ========================================================================== */ body { color: #000; background: #fff; overflow-x: hidden; } #wrap { width: 100%; position: relative; margin: 10px auto 0 auto; background: #fff; } .container { width: 100%; max-width: 100%; margin: 0 auto; padding: 0; } header { background: #fff; } header .kopf { background: #0C628F; } header .trenner { background: #fff; height: 45px; } .brotkrume { color: #555; font-size: 12px; line-height: 12px; background: #fff; text-transform: uppercase; } .brotkrume ul, .brotkrume ul li { margin: 0; padding: 0; list-style: none; } .brotkrume ul { padding: 18px 0; } .brotkrume ul li { display: inline-block; white-space: nowrap; width: auto; border-left: 1px solid #555; padding: 0 6px 0 6px; } .brotkrume ul li a { color: #555; margin: 0; padding: 0; display: block; } .brotkrume ul li:first-child { border-left: 0; padding-left: 0; } .sprachen a { display: inline-block; white-space: nowrap; width: 24px; height: 24px; border-radius: 50%; margin: 3px; background: #666; color: #fff; line-height: 24px; font-size: 12px; font-weight: normal; text-align: center; } .sprachen a.active, .sprachen a.active:hover { background: #0C628F; } .sprachen a.suche { background: #333; } .sprachen a:hover { background: #333; } .navbar-default { min-height: 0; border: 0; background: transparent; } .navbar { border-radius: 0; margin-bottom: 0; } .navbar-nav { width: 100%; } .scrollnavi { padding: 0; } .navbar .nav li {position:relative; } .navbar .nav ul, .navbar .nav ul * { margin:0;padding:0;list-style:none;} footer { background: #0C628F; color: #fff; text-align: left; padding: 30px 0; position: relative;} footer a, footer a:link, footer a:hover, footer a:active, footer a:visited, footer a:focus { color: #fff; } footer strong { color: #fff; font-weight: 700; text-transform: uppercase; } footer a.btn-social-icon { display: inline-block; white-space: nowrap; width: 28px; height: 28px; border-radius: 50%; margin: 3px 0 10px 3px; background: #fff; color: #000; line-height: 25px; font-size: 16px; font-weight: normal; text-align: center; } /* ============================================================================= Login-Formular ========================================================================== */ .form-signin{ padding:0; margin:0 auto;} .form-signin .form-signin-heading, .form-signin .checkbox{margin-bottom:10px;} .form-signin .checkbox{font-weight:normal;} .form-signin .form-control{position:relative; font-size:16px; height:auto; padding:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .form-signin .form-control:focus{z-index:2;} .form-signin input[type="text"]{margin-bottom:-1px; border-bottom-left-radius:0; border-bottom-right-radius:0;} .form-signin input[type="password"]{margin-bottom:10px; border-top-left-radius:0; border-top-right-radius:0;} #subscribenow { padding: 0; margin: 8px 0; width: 100%; text-transform: uppercase; } #subscribenow input { width: 70%; width: calc(100% - 90px); border: 0; margin: 0; padding: 4px; height: 30px; font-size: 13px; line-height: 1.2em; float: left; color: #000; } #subscribenow button { width: 30%; width: calc(90px); border: 0; margin: 0; padding: 4px; height: 30px; font-size: 11px; line-height: 1.2em; float: left; color: #fff; font-weight: bold; background: #FCA91C; text-transform: uppercase; } .nlgoform { padding: 0; margin: 8px 0; width: 100%; text-transform: uppercase; } .nlgoform input.datafield { width: 70%; width: calc(100% - 90px); border: 0; margin: 0; padding: 4px; height: 30px; font-size: 13px; line-height: 1.2em; float: left; color: #000; background: #eee; } .nlgoform button { width: 30%; width: calc(90px); border: 0; margin: 0; padding: 4px; height: 30px; font-size: 11px; line-height: 1.2em; float: left; color: #fff; font-weight: bold; background: #FCA91C; text-transform: uppercase; } .nl2gocode { margin: 0; padding: 0; } #wrap .nl2gocode { margin: 1em 0; padding: 20px; background: #eee; border: 1px solid #ddd; } footer .nl2gocode { margin: 5px 0 10px; } footer .nl2gocode h2 { color: #fff; font-size: 1.1em; } .nl2gocode table label { display: none !important; } .nl2gocode table tr:nth-child(2) input { display: inline-block !important; width: auto !important; height: auto; } .nl2gocode table tr:nth-child(2) label { display: inline-block !important; width: auto !important; color: #fff; } #contentbar .nl2gocode table tr:nth-child(2) label { color: #0C628F; } .nl2gocode table { width: 100% !important; } .nl2gocode table td:first-child { display: none !important; } .nl2gocode table input { width: 100% !important; border-radius: 0 !important; border: 0 !important; height: 30px; color: #000; } .nl2gocode tr{border:0; display: inline-block; width: auto; width: 50%; width: calc(100% - 90px); width: 100%; } .nl2gocode tr:last-child{width: calc(90px); } .nl2gocode td{ border:none;border-bottom:0; position:relative;padding-left:0; white-space:normal;text-align:left;} .nl2gocode tr td:empty{display:none;} .nl2gocode tr td:last-child{ padding-top:0;border: 0; font-weight:normal;} .nl2gocode tr td:last-child button { width: 100% !important; text-align: center; border-radius: 0 !important; border: 0 !important; margin: 0 !important; padding: 4px !important; height: 30px; font-size: 11px; line-height: 1.2em; float: left; color: #fff !important; font-weight: bold; background: #FCA91C !important; text-transform: uppercase; } .nl2gocode tr td:last-child { width: 100%; float: left; display: block; margin: 0; padding: 0; } .nl2gocode tr:last-child td:last-child{ width: 90px; float: right; display: block; margin: 0; padding: 0; } /* ============================================================================= Module ========================================================================== */ .textitem { margin-bottom: 30px; } .textitem ul { list-style: circle; margin-left: 0; padding-left: 0; } .textitem ul li { list-style: circle; margin-left: 20px; padding-left: 0; margin-bottom: 8px; line-height: 1.1em; } .textitem ul li p { margin: 0; padding: 0; } .bilditem { text-align: center; margin: 12px 0 24px; } .bilditem a { } .bilditem img { max-width: 100%; margin: 0; display: inline-block; } .bilditem .bildbeschriftung { display: block; padding: 5px 0; font-size: 11px; line-height: 13px; color: #555; text-align: center; } .bilditem.links, .bilditem.links .bildbeschriftung { text-align: left; } .bilditem.rechts, .bilditem.rechts .bildbeschriftung { text-align: right; } .figure-item { position: relative; } .figure-item .figure-caption { position: absolute; bottom: 0; left: 0; right: 0; margin: 0; padding: 10px 5px 5px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0,0,0,0) 100%); text-align: left; color: #fff; color: rgba (255,255,255,0.6); font-size: 7px; line-height: 10px; } .bilditem img { max-width: 100%; } .bilditem.halb img { max-width: 50%; } .bilditem.viertel img { max-width: 25%; } .bilditem.drittel img { max-width: 33.33%; } div.grafiklink { position: relative; overflow: hidden; } div.grafiklink > a { display: block; position: relative; background: #666; padding: 25px 15px 25px 40%; min-height: 6em; } div.grafiklink > a span.bild { position: absolute; top: 0; left: 0; bottom: 0; right: 60%; background-repeat: no-repeat; background-position: center center; background-size: cover; } div.grafiklink > a span.linktitel { display: block; padding: 0 0 10px 15px; font-size: 1.3em; font-weight: bold; color: #fff;} div.grafiklink > a span.linktext { display: block; padding: 0 0 5px 15px; font-size: 0.9em; font-weight: 300; color: #fff;} div.grafiklink > a span.readon { position: absolute; right: 0; bottom: 0; border: 2px solid #fff; border-width: 2px 0 0 2px; background: #0C628F; font-size: 0.9em; font-weight: 400; color: #fff; padding: 3px 8px; } div.grafiklink .mytags { position: absolute; top: 0; left: 20px; white-space: nowrap; } div.grafiklink .mytags a.badge { background: rgba(0,0,0,0.7); font-size: 9px; font-weight: normal; border-radius: 0; color: #fff; margin-left: 2px; } div.grafiklink .mytags a.badge:hover { background: rgba(0,0,0,0.9); } .galerie { margin-right: -0.5%;} .galerie a { display: block; float: left; width: 24.5%; border: 0; margin: 0 0.5% 1% 0; padding: 0; } .galerie a img { width: 100%; border: 0; margin: 0; padding: 0;} .panel-default > .panel-heading { padding: 0; } .panel-default { box-shadow: none; } .panel-default > .panel-heading a { color: #fff; display: block; text-decoration: none; padding: 10px 15px; background: #FCA91C; } .panel-default > .panel-heading a span.glyphicon { float: right; width: auto; color: #fff; } .panel-default > .panel-heading a span.glyphicon:before {content:"\e260";} .panel-default > .panel-heading a.collapsed span.glyphicon:before {content:"\e259";} .panel-default > .panel-heading a:hover, .panel-default > .panel-heading a:hover span { color: #fff; } .panel-collapse.collapse { display: block; visibility: visible; height: 85px !important; overflow: hidden; position: relative; } .panel-collapse.collapse.in { height: auto !important; } .panel-collapse.collapse.in .readmore { display: none;} .panel-collapse.collapse .readmore { position: absolute; display: block; bottom: 0; left: 0; width: 100%; margin: 0; padding: 40px 0; /* "transparent" only works here because == rgba(0,0,0,0) */ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(255,255,255,0) ),color-stop(1, rgba(255,255,255,1))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1)); background-image: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1)); background-image: -ms-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1)); background-image: -o-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1)); } .carousel { background: transparent; position: relative; margin: 0 0 50px 0; } .carousel .item { } .carousel-inner > .item > img, .carousel-inner > .item > a > img { float: none; width: 100%; height: auto; } .carousel-indicators { bottom: auto; top: 100%; padding-top: 10px; left: 0; text-align: left; margin-left: 15px; width: auto; } .carousel-indicators li, .carousel-indicators li.active { background: #0C628F; border: 0; height: 16px; width: 16px; border-radius: 50%; padding: 0; margin: 0 5px; } .carousel-indicators li.active { background: #FCA91C;} a.carousel-control span { font-size: 40px; line-height: 40px; width: 40px; height: 40px; position: absolute;text-align: center; left: 40%; left: calc(50% - 20px); right: 40%; right: calc(50% - 20px); top: 40%; top: calc(50% - 20px); } a.carousel-control, a.carousel-control:link, a.carousel-control:hover, a.carousel-control:focus { color: #fff; } .carousel-caption { left: 50px; right: auto; padding-bottom: 0; } .carousel-caption h3 { color: #fff; font-size: 40px; font-weight: 900; margin: 10px 0; } .carousel-caption h3 a { color: #fff; } .carousel.zitate { margin: 2em 0; min-height: 160px; } .carousel.zitate .item { padding: 0 50px;} .carousel.zitate a.carousel-control span { top: 0; font-size: 20px; } .carousel.zitate a.carousel-control, .carousel.zitate a.carousel-control:link, .carousel.zitate a.carousel-control:hover, .carousel.zitate a.carousel-control:focus { color: #000; background: transparent !important; top: 60px !important; } .carousel.zitate .item .worte { padding: 15px; font-size: 0.9em; margin: 0 0 20px 0; } .carousel.zitate .item .urheber { padding: 0 15px 15px; font-size: 0.9em; font-weight: 500; } /* .bubble{position:relative;width:100%;height:auto;padding:1px;background:#FFFFFF;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:5px;border:#ddd solid 1px;} .bubble:after{content:'';position:absolute;border-style:solid;border-width:0 15px 15px;border-color:#FFFFFF transparent;display:block;width:0;z-index:1;top:-15px;left:33px;} .bubble:before{content:'';position:absolute;border-style:solid;border-width:0 15px 15px;border-color:#ddd transparent;display:block;width:0;z-index:0;top:-16px;left:33px;} */ .speech-bubble { position: relative; background: #f0f0f0; border-radius: .4em; } .speech-bubble:after { content: ''; position: absolute; bottom: 0; left: 30%; width: 0; height: 0; border: 20px solid transparent; border-top-color: #f0f0f0; border-bottom: 0; border-left: 0; margin-left: -10px; margin-bottom: -20px; } /* ============================================================================= Form Styles ========================================================================== */ /* all placeholder */ /* ::-webkit-input-placeholder { color: #fff !important; font-weight: 400; } :-moz-placeholder { color: #fff !important; font-weight: 400; } ::-moz-placeholder { color: #fff !important; font-weight: 400; } :-ms-input-placeholder { color: #fff !important; font-weight: 400; } */ .formgen{ position: relative; } label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit]{cursor:pointer; } .formgen form{ } .formgen .formblock{ } .formgen fieldset { border: 0; margin: 0; padding: 0; } .forminfo { margin: 0 0 1em 0; background: transparent; color: #b9bec2; padding: 30px;} .formhinweis { text-align: right; text-transform: none; padding: 5px 0; } #form-module-thanks { margin: 0 0 1em 0; background: #00929c; color: #fff; padding: 30px; border-radius: 0; } #form-module-thanks p, #form-module-thanks p strong { color: #fff; padding: 0; } .formgen br{ display: none; } .formgen .formnote { } .rex_375_text, .formgen .formtextfield, .formgen .formtext, .formgen .formselect, .formgen input[type="file"] {display: block; padding: 5px 5px; margin: 0 0 5px 0; border: 0; float:none; width: 100%; border-radius: 0; box-shadow: 0; } .formgen input[type="file"], .formgen input[type="file"]:hover, .formgen input[type="file"]:focus { } .formgen div.formtext { } .formgen div.formtext:after { content: ""; display: table; clear:both; } .formgen .formselect{ padding: 2px 2px 2px 0; width: 35%; margin-right: 40%; } .formgen input:focus,.formgen input:hover, .formgen select:focus,.formgen select:hover,.formgen textarea:focus,.formgen textarea:hover{ } .xform label, .formgen label { text-transform: none; width: 100%; display: block; position: relative; } .formgen legend { text-transform: none; width: 100%; display: block; border: 0; text-transform: none; margin: 18px 0; font-weight: normal; } span.checkspan { margin-left: 0; } span.checkspan:after { content: ""; display: table; clear:both; } .formgen .checkspan input {width: auto;clear:left;float:left; border-color: #fff; } .formgen input[type="checkbox"], .formgen input[type="checkbox"]:focus { outline: 0; outline-offset: 0; line-height: 1.6em; } .formgen .checkspan label {width: 93%;clear:left;float:right; height: auto; padding: 0 0 2px 0; margin: 0; font-weight: 400; border-bottom: 0; text-transform: none; font-size: 17px; line-height: 23px; } .formgen .checkspan input[type="radio"], .formgen .checkspan input[type="checkbox"] { margin-top: 6px; } .formgen input.formradio {margin-left: 0; width: 20px; margin-top: 2px; } .formgen label.formradio {width:100%;clear:right;float:right; height: auto; padding: 0 0 2px 0; margin: 0; font-weight:normal; border-bottom: 0;} .rex_375_text, .formgen .formtextfield, .formgen .formtext, .formgen .formselect, .formgen input[type="file"] {float: none; width: 100%; border: 0; border-left: 0; height: auto; background: transparent; color: #333; border-radius: 0; text-align: left; padding: 5px 0; line-height: 1.2em; } .formgen input[type="file"], .formgen input[type="file"]:hover, .formgen input[type="file"]:focus { float: none; width: 100%; } .xform label, .formgen label { float:left; width: 40%; border: 0; border-right: 0; padding: 5px 0; clear: both; background: transparent; border-radius: 0; text-align: left; text-transform: none; color: #333; font-weight: normal; } .formgen .txtar label { float: none; width: 100%; } .formgen textarea.formtextfield { width: 100%; float: none; resize: none; height: 160px; } .xform label, .formgen label { display: block; font-size: 11px; text-transform: uppercase; margin-bottom: 0; padding-bottom: 0; } .formgen legend { font-size: 25px; line-height: 38px; color: #00929c; margin: 0 0 30px 0; } .formgen .checkspan { } .formgen .checkspan input { } .formgen .checkspan label { background: transparent; font-size: 18px; line-height: 25px; color: #00929c; display: block; width: calc(100% - 30px); padding-bottom: 12px; } .formgen label.formradio { position: relative; clear: right; float: none; background: transparent; display: inline-block; width: auto; margin-right: 30px; padding-right: 25px; height: auto; line-height: 1em; padding-bottom: 15px; padding-left: 8px; } .formgen label.formradio input { position: absolute; right: 0; top: 0; } label.radiotop { display: none; } /* Sende-Button */ .formgen .formsubmit { color: #fff; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; } .formgen .formsubmit { display: block; height: auto; clear: both; cursor: pointer; float: right; background: #FCA91C; color: #fff; width: 210px; margin: 15px 0 0 0; padding: 10px 15px; text-align: center; border: 0; overflow: hidden; border-radius: 0; } .formgen .formsubmit:hover { background: #FCA91C; } div.abstand { height: 40px; } .pflichtfelder { clear: both; text-align: right; font-size: 13px; padding: 2px 0 10px 0; } .rex_375_text, .formgen .formtextfield, .formgen .formtext, .formgen .formselect, .formgen input[type="file"] { border-top: 0; padding: 15px; background: #e4e6e8; } .formhinweis { border-top: 0; padding: 5px 0; } /* ============================================================================= Directories ========================================================================== */ .radiomap { width: 300px; margin: 30px 0 0 0; padding: 0; float: left; } .radioliste { width: calc(100% - 300px); margin: 30px 0 0 0; float: left; padding: 0 0 30px 50px; } .radioliste ul, .radioliste ul li { list-style: none; margin: 0; padding: 0; } .radioliste ul li a { display: block; padding: 4px 20px 4px 0; border-bottom: 1px solid #ddd; background: url('../media/plus_grey.svg') right center no-repeat transparent; background-size: 12px 12px;} .radioliste ul li a:hover { background-color: #ddd;} table.radiostation { margin: 0; } table.radiostation tr td:first-child { width: 200px; } table.radiostation tr.stationinfo { font-weight: bold; } td.updateinfo { font-size: 0.8em; text-align: right; color: #999; } .stationlogo { float: right; width: 140px; padding: 0 0 0 30px; text-align: right; } .stationlogo img { width: 100%; max-width: 100%; height: auto; } .stationtable { float: left; width: calc(100% - 200px); } /* ============================================================================= Downloads ========================================================================== */ .langversionen { margin: 20px 0 10px; } .langversionen a { display: inline-block; white-space: nowrap; width: 24px; height: 24px; border-radius: 50%; margin: 3px; background: #555; color: #fff; line-height: 24px; font-size: 12px; font-weight: normal; text-align: center; } .langversionen a:hover { background: #222; } .langversionen > strong { color: #444; text-transform: uppercase; } /* ============================================================================= Suche ========================================================================== */ .search_it-form{box-sizing:border-box; padding:1rem 0; margin:0 auto 0 0; max-width: 100%; border: 0; display:block; background: transparent; } .search_it-form fieldset{display:block; padding:0; margin:0 auto 0 0; max-width: 600px; border:0; } .search_it-flex{display:block; padding:0; margin:0; border:0; } .search_it-form legend,label{display:none; } /* .search_it-flex > *{flex:2 2 200px; } .search_it-flex > .search_it-button{flex:1 1 100px; } .search_it-form input:focus::-webkit-input-placeholder{color:transparent; } .search_it-form input:focus::-moz-placeholder{color:transparent; } .search_it-form input:focus:-ms-input-placeholder{color:transparent; } .search_it-form input:focus:-moz-placeholder{color:transparent; } */ .search_it-form input { width: 70%; width: calc(100% - 90px); border: 0; margin: 0; padding: 4px; height: 30px; font-size: 13px; line-height: 1.2em; float: left; color: #000; border: 1px solid #999; } .search_it-form button { width: 30%; width: calc(90px); border: 0; margin: 0; padding: 4px; height: 30px; font-size: 11px; line-height: 1.2em; float: left; color: #fff; font-weight: bold; background: #FCA91C; text-transform: uppercase; } .search_it-modul{box-sizing:border-box; margin:0 auto; border: 0; border-top: 1px solid rgba(0,0,0,0.2); padding: 2em 0; } .search_it-results{padding:0; margin:0; } .search_it-result{background: transparent; border: 0; border-top: 1px solid rgba(0,0,0,0.4); padding: 0.5em 0; margin: 0.5em 0; list-style-type:none; list-style-position:inline; } .search_it-title,.search_it-title a{font-weight:bold; color: #000; } .search_it-result .search_it-teaser{color:rgba(0,0,0,0.7); } .search_it-result .search_it-url{color:rgba(0,0,0,0.4); } .search_it-missing_type,.search_it-zero{background:rgba(180,0,0,0.05); padding:1rem; border:1px solid rgba(255,0,0,0.7); margin:1rem 0; color:rgba(255,0,0,0.7); } .search_it-request,.search_it-type{font-weight:bold; } /* ============================================================================= Social Icons ========================================================================== */ .socialshare { margin-top: 20px; } .btn-social-icon{position:relative;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0; font-size: 24px; margin-left: 5px; } .btn-facebook{color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)} .btn-facebook:hover,.btn-facebook:focus,.btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)} .btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{background-image:none} .btn-facebook.disabled,.btn-facebook[disabled],fieldset[disabled] .btn-facebook,.btn-facebook.disabled:hover,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook:hover,.btn-facebook.disabled:focus,.btn-facebook[disabled]:focus,fieldset[disabled] .btn-facebook:focus,.btn-facebook.disabled:active,.btn-facebook[disabled]:active,fieldset[disabled] .btn-facebook:active,.btn-facebook.disabled.active,.btn-facebook[disabled].active,fieldset[disabled] .btn-facebook.active{background-color:#3b5998;border-color:rgba(0,0,0,0.2)} .btn-facebook .badge{color:#3b5998;background-color:#fff} .btn-google-plus{color:#fff;background-color:#dd4b39;border-color:rgba(0,0,0,0.2)} .btn-google-plus:hover,.btn-google-plus:focus,.btn-google-plus:active,.btn-google-plus.active,.open>.dropdown-toggle.btn-google-plus{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)} .btn-google-plus:active,.btn-google-plus.active,.open>.dropdown-toggle.btn-google-plus{background-image:none} .btn-google-plus.disabled,.btn-google-plus[disabled],fieldset[disabled] .btn-google-plus,.btn-google-plus.disabled:hover,.btn-google-plus[disabled]:hover,fieldset[disabled] .btn-google-plus:hover,.btn-google-plus.disabled:focus,.btn-google-plus[disabled]:focus,fieldset[disabled] .btn-google-plus:focus,.btn-google-plus.disabled:active,.btn-google-plus[disabled]:active,fieldset[disabled] .btn-google-plus:active,.btn-google-plus.disabled.active,.btn-google-plus[disabled].active,fieldset[disabled] .btn-google-plus.active{background-color:#dd4b39;border-color:rgba(0,0,0,0.2)} .btn-google-plus .badge{color:#dd4b39;background-color:#fff} .btn-twitter{color:#fff;background-color:#55acee;border-color:rgba(0,0,0,0.2)} .btn-twitter:hover,.btn-twitter:focus,.btn-twitter:active,.btn-twitter.active,.open>.dropdown-toggle.btn-twitter{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)} .btn-twitter:active,.btn-twitter.active,.open>.dropdown-toggle.btn-twitter{background-image:none} .btn-twitter.disabled,.btn-twitter[disabled],fieldset[disabled] .btn-twitter,.btn-twitter.disabled:hover,.btn-twitter[disabled]:hover,fieldset[disabled] .btn-twitter:hover,.btn-twitter.disabled:focus,.btn-twitter[disabled]:focus,fieldset[disabled] .btn-twitter:focus,.btn-twitter.disabled:active,.btn-twitter[disabled]:active,fieldset[disabled] .btn-twitter:active,.btn-twitter.disabled.active,.btn-twitter[disabled].active,fieldset[disabled] .btn-twitter.active{background-color:#55acee;border-color:rgba(0,0,0,0.2)} .btn-twitter .badge{color:#55acee;background-color:#fff} /* ============================================================================= Media Styles ========================================================================== */ .navbar-brand { display: none; } body { } header {} #wrap { max-width: 100%; padding: 0 15px 70px; } .fullslider { margin: 0 -15px; } .trenner { padding: 0 15px; } header .sprachen { float: right; width: 25%; text-align: right; padding: 9px 0; } header .brotkrume { float: left; width: 75%; } header .kopf .container { position: relative; } .mainbrand { text-align: center; } .mainbrand img { width: auto; height: 120px; padding: 0; } #swypenav { display: block; position: fixed; top: 0; bottom: 0; right: 0; width: 30px; } /* ============================================================================= PC Style ========================================================================== */ @media only screen and (min-width: 961px) { .mobilonly { display: none;} section.fullsize { width: 100%; float: none; padding: 0; clear: both; } section.halbelinkespalte { width: 50%; float: left; padding: 0 30px 0 0; clear: left; } section.halberechtespalte { width: 50%; float: right; padding: 0 0 0 30px; clear: right; } section.drittel { width: 33.333%; float: left; padding: 0 30px 0 0; clear: right; } section.zweidrittel { width: 66.667%; float: left; padding: 0 0 0 30px; clear: right; } div.grafiklink { float: left; width: 50%; padding: 0 15px 15px; } div.grafiklink:nth-child(2n) { clear: both; } body.fixiert header .trenner { z-index: 90; position: fixed; top: 0; left: 0; right: 0; border: 0;} body.fixiert header > .navbar { z-index: 90; position: fixed; top: 45px; left: 0; right: 0; border: 0; background: #fff; } body.fixiert header > .kopf { padding-bottom: 30px; } body.fixiert #wrap { } .navbar-default .navbar-nav > li { } .navbar-default .navbar-nav > li > a { border-left: 0; } .scrollnavi > ul.rex-navi-has-4-elements > li { width: 25%; padding: 0 2px; } .scrollnavi > ul.rex-navi-has-4-elements > li:last-child { padding-right: 0; } .scrollnavi > ul.rex-navi-has-5-elements > li { width: 20%; padding: 0 2px; } .scrollnavi > ul.rex-navi-has-5-elements > li:last-child { padding-right: 0; } .scrollnavi > ul.rex-navi-has-6-elements > li { width: 16.66%; padding: 0 2px; } .scrollnavi > ul.rex-navi-has-6-elements > li:last-child { width: 16.70%; padding-right: 0; } .scrollnavi > ul.rex-navi-has-7-elements > li { width: calc(100%/7); padding: 0 2px; } .scrollnavi > ul.rex-navi-has-7-elements > li:last-child { padding-right: 0; } .navbar-default .navbar-nav > li:first-child { padding-left: 0; } .navbar-default .navbar-nav > li:first-child > a { border-left: 0; } .navbar-default .navbar-nav > li > a { color: #fff; background: #0C628F; border-left: 0; text-transform: none; text-align: center; font-size: 17px; font-weight: 500;} .navbar-right { margin-right: 0; } .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li:hover > a { color: #fff; background: #FCA91C; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #000 !important; background: #FCA91C !important; font-weight: 600; border-color: #FCA91C; } .navbar .nav ul { background: #FCA91C; text-transform: none; font-size:1em; border-top: 0; width: auto; padding: 0; border-bottom: 4px solid #fff; } .navbar .nav > li { position: relative; } .navbar .nav > li > ul { font-size: 1em; line-height: 1em; } .navbar-default .navbar-nav > li > a { min-height: 74px; border-bottom: 4px solid #fff; } XXX.navbar-default .navbar-nav > li:first-child > a { border-left: 0; text-align: left; padding-left: 0; } /* .navbar .nav ul li { display: inline-block; white-space:nowrap;} .navbar .nav ul li a {border-left: 1px solid #fff; border-bottom: 0; margin: 8px 0; padding: 0 2em; text-decoration:none; zoom:1; color: #fff; display: block; text-align: left; } .navbar .nav ul li:first-child a {border-left: 0; text-align: left; padding-left: 15px; } .navbar .nav ul li:hover > a { color: #000; } .navbar .nav ul li a.active, .navbar .nav ul li a.rex-active { font-weight: bold; color: #fff !important; } */ .navbar .nav > li.active > ul { display: none !important; } .navbar .nav ul {position:absolute;display:none;top:100%; z-index: 99; min-width: 100%; min-width: calc(100% - 2px); background: #fff; box-shadow: 0 6px 5px 5px rgba(0,0,0,0.4); border-color: #FCA91C; } .navbar .nav > li > ul > li > a { display: block; padding: 8px 10px; color: #0C628F; border-bottom: 1px solid #FCA91C; text-align: center; background: #fff; } .navbar .nav > li > ul > li > a:hover { color: #fff; background: #FCA91C; } .navbar .nav > li > ul > li > a.active { color: #fff; background: #0C628F; } /* .navbar-default .navbar-nav > li:hover > a, .navbar-default .navbar-nav > li.versteckt:hover > a { border-bottom: 4px solid #FCA91C; } .navbar-default .navbar-nav > li.active > a { border-bottom: 4px solid #FCA91C; } .navbar-default .navbar-nav > li.active.versteckt > a { border-bottom: 4px solid #fff; background: #999 !important; } .navbar .nav li.active > ul {display:block; min-height: 8px; } .navbar .nav li.active > ul li a {display:none;} .navbar .nav li.active.versteckt > ul {display:none;} .navbar .nav li.active.versteckt:hover > ul {display:block;} .navbar .nav li.active:hover > ul li a {display:block;} .navbar .nav li:hover > ul {display:block;} .navbar .nav ul ul{top:0;left:100%;} .navbar .nav li:nth-child(5) > ul { text-align: right; } .navbar .nav li:last-child > ul { text-align: right; } */ .navbar .nav li:hover > ul {display:block;} .navbar .nav ul ul{top:0;left:100%;} .navbar .nav ul li:hover li > a { } .navbar .nav ul li li:hover > a, .navbar .nav ul li li:focus > a {} .navbar .nav ul li li a {} .navbar .nav ul li li:hover > a, .navbar .nav ul li li:focus > a { } #subnavi { padding: 5px 0 0 0; background: #FCA91C; } ul.subnav li, ul.subnav { list-style: none; margin: 0; padding: 0; } ul.subnav { clear: both; display: block; width: 100%; min-height: 20px;} ul.subnav li { display: inline-block; white-space: nowrap; padding: 0 0 8px 0; } ul.subnav li a { display: block; padding: 0 15px; line-height: 1em; color: #000; border-left: 1px solid #000; } ul.subnav li:first-child a { border-left: 0; } #footertext { float: left; width: 75%; padding: 0 0 15px 15px; } #footertext .col { float: left; width: 33.33%; padding-right: 30px; } footer div.disclaim { float: right; width: 25%; padding: 0 15px 15px 0; text-align: right; } } @media only screen and (min-width: 961px) and (max-width: 1230px) { .navbar-default .navbar-nav > li > a { font-size: 16px; padding: 10px 2px; } } @media only screen and (min-width: 961px) and (max-width: 1070px) { .navbar-default .navbar-nav > li > a { font-size: 15px; } } @media only screen and (min-width: 1300px) { body { background: #f0f0f0; } #wrap { max-width: 1300px; padding: 0 50px 70px; } #subnavi { max-width: 1300px; margin: 0 auto; } .trenner > .container { max-width: 1300px; padding: 0; } .navbar { background: #0C628F; height: 70px; } body.fixiert header > .navbar { background: #0C628F; } body.fixiert header .navbar-nav { margin-top: 0; } .navbar-nav { margin-top: -3px; } .navbar > .container { max-width: 1300px; padding: 0; } /* .navbar .nav li > ul { width: 1300px !important; } .navbar-default .navbar-nav > li.active > ul { } */ .scrollnavi > ul.rex-navi-has-4-elements > li { background: #fff; } .scrollnavi > ul.rex-navi-has-5-elements > li { background: #fff; } .scrollnavi > ul.rex-navi-has-6-elements > li { background: #fff; } .scrollnavi > ul.rex-navi-has-7-elements > li { background: #fff; } .scrollnavi { margin-top: -2px; } footer > .container { max-width: 1300px; padding: 0 0; } .trenner {padding: 0 15px; } .navbar .nav > ul > li:first-child > a {padding-left: 50px; } .fullslider { margin: 0 -50px; } } @media only screen and (min-width: 1340px) { .navbar > .container { max-width: 1308px; padding: 0; border-right: 4px solid #fff; border-left: 4px solid #fff; } .navbar-default .navbar-nav > li:first-child a { } .scrollnavi > ul.rex-navi-has-6-elements > li:last-child { float: right; } } @media only screen and (min-width: 480px) { .bild16 { float: right; width: 16%; } .bild20 { float: right; width: 20%; } .bild25 { float: right; width: 25%; } .bild33 { float: right; width: 33%; } .bild50 { float: right; width: 50%; } .bild16.linkesbild, .bild20.linkesbild, .bild25.linkesbild, .bild33.linkesbild, .bild50.linkesbild { float: left; margin-top: 16px; } .textbild_16 { float: left; width: 84%; padding-right: 30px; } .textbild_20 { float: left; width: 80%; padding-right: 30px; } .textbild_25 { float: left; width: 75%; padding-right: 30px; } .textbild_33 { float: left; width: 67%; padding-right: 30px; } .textbild_50 { float: left; width: 50%; padding-right: 30px; } .textbild_16.linkesbild, .textbild_20.linkesbild, .textbild_25.linkesbild, .textbild_33.linkesbild, .textbild_50.linkesbild { float: right; padding-right: 0; padding-left: 30px; } } /* ============================================================================= Tablet and Smartphone Style ========================================================================== */ @media only screen and (max-width: 960px) { .pconly { display: none !important; } div.grafiklink { margin: 15px 0; } header { z-index: 800; position: fixed; top: 0; left: 0; right: 0; min-height: 60px; } .mainbrand { text-align: left; } .mainbrand img { width: auto; height: 60px; padding: 8px 15px 7px 0; } header .trenner { display: none; } header .brotkrume { display: none; } header .sprachen { width: 100%; } #menutoggle, #menuremove { z-index: 900; display: block; position: fixed; top: 0; right: 0; width: 50px; height: 70px; background: transparent; text-align: center; font-size: 25px; padding: 10px 10px; cursor: pointer; } #menuremove { display: none; } #wrap { padding: 70px 30px 30px; margin-left: 0; margin-right: 0; } .navbar-default .scrollnavi { display: none !important; } .fullslider { margin: 0 -30px; } .trenner { padding: 0 30px; } body.mitmenu header > .navbar { z-index: 850; position: fixed; top: 0; left: auto; right: 0; bottom: 0; width: 280px; background: #FCA91C; box-shadow: 0 0 10px 10px rgba(0,0,0,0.5); } body.mitmenu .navbar-default .scrollnavi { display: block !important; position: absolute; top: 70px; left: 0; right: 0; bottom: 40px; overflow-y: auto; background: #0C628F; } body.mitmenu #menuremove { display: block; } body.mitmenu #menutoggle { display: none; } body.mitmenu .navbar-header { } .navbar-default .scrollnavi { border: 0; padding: 20px 0; } .navbar-default .navbar-nav > li { } .navbar-default .navbar-nav > li > a { text-align: left; border: 0; border-bottom: 0; color: #fff !important; background: transparent; margin-left: 0; padding: 10px 15px; border-bottom: 1px solid #fff; } .navbar-default .navbar-nav > li:first-child > a { border-top: 1px solid #fff; } .navbar-default .navbar-nav > li ul li > a { margin-left: 0; padding: 8px 15px; } .navbar-default .navbar-nav > li > ul > li:last-child > a { border-bottom: 0; } .navbar-default .navbar-nav > li > a { border-top: 0; } .navbar-default .navbar-nav > li:first-child > a {} .navbar-default .navbar-nav > li > a:hover {background: transparent; } .navbar-default .navbar-nav > li a { position: relative; } .navbar-default .navbar-nav > li a span.mobilmarker { position: absolute; right: 15px; top: 13px; height: 15px; width: 15px; background: url('../media/plus.svg') center center no-repeat transparent; background-size: contain; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { background: #555; } header div.scrollnavi > ul li.active a span.mobilmarker { background-image: url('../media/minus.svg'); } .navbar-default .navbar-nav li { width: 100% !important; border-bottom: 0; clear: both; height: auto !important; float:none; text-align: left;} .navbar-default .navbar-nav li a { text-align: left; } .navbar-default .navbar-nav li ul { display: none; } .navbar-default .navbar-nav li.active ul { display: block; padding-left: 15px; border-bottom: 1px solid #fff; } .navbar .nav ul li a { display: block; border: 0; color: #fff; text-align: left; } .navbar .nav ul li {background: transparent; border: 0; } .navbar .nav ul li:hover a, .navbar .nav ul li a.active, .navbar .nav ul li a.rex-active { border: 0; } .navbar .nav ul li:hover li a { border: 0; } .navbar .nav ul li li:hover a, .navbar .nav ul li li:focus a { border: 0; } .navbar-nav { margin: 0; } #footertext { float: none; width: 100%; padding: 0 15px; } #footertext .col { float: none; width: 100%; padding: 15px 0; border-bottom: 1px solid #fff; } footer div.disclaim { float: none; width: 100%; padding: 15px 15px 0 15px; margin-top: 15px; text-align: left; } body.mitmenu header .trenner { z-index: 870; position: fixed; display: block; top: auto; left: auto; right: 0; bottom: 0; width: 280px; background: #0C628F; } body.mitmenu header .sprachen { display: block; text-align: center; height: 45px; } .sprachen a, .sprachen a.active, .sprachen a.active:hover, .sprachen a.suche, .sprachen a:hover { background: #fff; color: #555; } } @media only screen and (min-width: 768px) { .textitem .col-sm-8 { padding: 0 30px 30px 0; } } @media only screen and (max-width: 767px) { /* smartphone stuff */ } @media only screen and (max-width: 639px) { .radiomap { width: 300px; margin: 30px auto; float: none; } .radioliste { width: 100%; margin: 30px 0 0 0; float: none; padding: 0 0 30px 0; } .stationtable { float: none; width: 100%; clear: both; } } @media only screen and (max-width: 520px) { /* small smartphone stuff */ #wrap { padding: 70px 10px 30px; } body, p { font-size: 14px; } .fullslider { margin: 0 -10px; } .trenner { padding: 0 10px; } } @media only screen and (max-height: 480px) { /* small smartphone stuff */ header { min-height: 50px; } .mainbrand img { width: auto; height: 50px; padding: 5px 0; } #menutoggle, #menuremove { height: 50px; } .navbar-default .scrollnavi { padding: 0 0 20px 0; } body.mitmenu .navbar-default .scrollnavi { top: 50px; } #wrap { padding: 50px 10px 30px; } .fullslider { margin: 0 -10px; } .trenner { padding: 0 10px; } } @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { /* hiDPI stuff */ } /* Tabellen */ @media only screen and (max-width: 479px) { /* Force table to not be like tables anymore */ #wrap table, #wrap thead, #wrap tbody, #wrap th, #wrap td, #wrap tr { display: block; width: 100% !important; border: 0 !important; } /* Hide table headers (but not display: none;, for accessibility) */ #wrap thead tr { position: absolute; top: -9999px; left: -9999px; } #wrap tr { border: 0;} #wrap td { /* Behave like a "row" */ border: none; border-bottom: 0; position: relative; padding-left: 0; white-space: normal; text-align:left; } #wrap tr td:empty { display: none; } #wrap tr td:first-child { /* Behave like a "row" */ font-weight: 700; padding-bottom: 0; } #wrap tr td:last-child { /* Behave like a "row" */ padding-top: 0; border-bottom: 1px solid #b1b1b1 !important; font-weight: normal; } #wrap td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 100%; padding-right: 10px; white-space: nowrap; text-align:left; font-weight: bold; } /* Label the data */ #wrap td:before { content: attr(data-title); } } /* Ende Tabellen */ /* UPDATE 2021 */ header .kopf .container .mainbrand { max-width: 1308px; margin: 0 auto; } .mainbrand { text-align: left; min-height: 110px; padding: 15px 0; } .mainbrand a { display: inline-block; margin-left: -15px; } .mainbrand img { height: 80px; } .newclaim { margin-left: -25px; } @media only screen and (max-width: 1338px) { .mainbrand a { margin-left: 0; } } @media only screen and (max-width: 660px) { .mainbrand { text-align: left; min-height: 70px; padding: 5px 0; } .mainbrand img { height: 60px; } .newclaim { display: none; } } label { display: inline-block; } .search_it-form legend, .search_it-form label { display: none; } button.consent_manager-save-selection, button.consent_manager-accept-all, button.consent_manager-accept-none { white-space: nowrap; } /* UPDATE 2025 */