/**
 * custom.css
 * extends theme.css
 
 * @primary-color: blau #00519e;
 * @secondary-color: orange #f29400;
 * @secondary-color: orange hover: #ffb644;
 
 */
 
.blue { background-color: #00519e !im ant; }
.orange { background-color: #f29400 !important; }
.grey { background-color: #DEDEDE !important; }

section { display:block; margin:20px auto 10px auto; }
.gallery { display:inline-block;margin:8px 0px 12px -15px; }
.galerie { display:inline-block;margin:8px 0px 12px -15px; }
a { color: #00519e; }
a:hover, a:focus, a:active { color: #f29400; }
.small, small {font-weight: 300;}
h3 { color:#00519e; font-size: 1.5em; }
h4 { color:#f29400; font-size: 1.4em; }
.slide, .full { margin-bottom:10px; max-width:100%; }
.main-header { margin-bottom: 30px; }
.sectionblock img { max-width:100%; padding-bottom:10px;  }
.textblock { clear:left; }
.textblock img { max-width:100%; height:auto; padding-bottom:10px;  }
.float { float:left; }
.panel .imageborder { position:relative; max-width:50%; }
.panel .imageborder img, .masonry-item .panel-body img { position:relative; max-width:100%; }
.masonry-item { margin-bottom: 10px;}
.row.masonry-container {margin-top:20px;}
.sectionblock .first { padding-left:0px;}
a.media-left { padding-top:25px;}
.media-body h2 { margin-bottom:10px;}
.mix .media-body { padding-left:15px; padding-right:15px; }
img {vertical-align: baseline; }
img.floatbild { width:50%; margin-top:6px; margin-right:20px; }
img.bildlinks { width:25%; margin-top:6px; margin-right:20px; float:left; }
img.bildrechts { width:25%; margin-top:6px; margin-left:20px; float:right; }
img.bildlinks40 { width:35%; margin-top:6px; margin-right:20px; float:left; }
img.bildrechts40 { width:35%; margin-top:6px; margin-left:20px; float:right; }
table { width:100%; margin:4px 0 16px 0; }
table, th, td { border: 1px solid #DDD; }
th, td { padding: 6px; text-align: left; vertical-align:top; }


/* -------------------------------- */

dl dt { float: left;text-align: left; margin:0; padding:0; font-size:1.0; line-height:1.5; }
dl dd {text-align: left; margin:0; padding:0; font-size:1.0; line-height:1.5; }
dl.dl-w1 dt { clear:left; width: 140px;white-space: nowrap;}
dl.dl-w1 dd { margin-left: 140px;white-space: nowrap;}

#inhalt ul { list-style: outside none none; padding-left: 0; }
#inhalt ul > li::before {
    color: #00519e;
    content: "\f054";
    font-family: "FontAwesome";
    font-size: 0.7em;
    margin-right: 5px;
}
#inhalt ul > li {
    padding-left: 10px;
    margin-bottom:10px;
    text-indent: -12px;
}


h2 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: center;
  color: #00519e;
  font-size:1.7em;
  margin-bottom:30px;
}

.mix h2, .col-md-10 h2 { text-align:left;  justify-content:flex-start; }
.col-md-4 .carousel { margin-bottom: 30px; }
.mix .thumbnail { min-height:170px; }
.mix .caption { text-align:center;  justify-content:flex-start; font-size:10px; line-height:12px; height:36px; }
.mix .masonry-item {
    height:15.5em; overflow:hidden;
}
.mix .thumbnail {
    margin-bottom: 0px;
}
.mix .thumbnail img {
    position:relative; max-height:11em;
}

h2::after {
  background-color: #DDD;
  content: '\a0';
  flex-grow: 1;
  height: 1px;
  position: relative;
  margin-left:14px;
  top: 0.7em;
}

/* IE > 10 Hack */
_:-ms-lang(x), h2::after { background-color: #FFF; }

.textcontainer {
    margin: 0px 0 30px 0;
    overflow: hidden;
    padding: 26px 20px 14px;
    position: relative;
}

.textcontainer.blue img,  .textcontainer.orange img,  .textcontainer.grey img {
    height: 100%;
    left: 0;
    opacity: 0.15;
    position: absolute;
    top: 0;
    max-width:100%;
    vertical-align:middle;
}

.boxed { background-color: #fff; }

.abisz {
    list-style-type: none;
    list-style-position: outside;
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
    box-sizing: border-box;
}

.abisz li a {
    padding: 3px 10px;
    border-left: solid 3px #ddd;
    display: block;
    margin: 0;
    text-decoration: none;
    color: #333;
    cursor: pointer;
}
.abisz li a:hover, .abisz li a.active, .abisz li a.active:hover {
    color: #000;
    border-color: #f29400;
}

/* ---------------------------------------------------- */
/* Homepage */
/* ---------------------------------------------------- */

body.article-1 .main-header { display:none; }
body.article-1 h1 {
    color: #FFF;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    font-size: 32px;
    line-height: 48px;
    text-shadow: 2px 2px 1px rgba(57, 57, 57, 0.8);
}
body.article-1 h1 span {
    color: #FFF;
    font-weight: 600;
    font-size: 45px;
}
body.article-1 .fullpicture {
    display:inline-block;
    min-height: 340px;
    padding-top: 68px;
    position: relative;
    text-align: left;
    width: 100%;
    z-index: 1;
}

/* ---------------------------------------------------- */
/* Not Found */
/* ---------------------------------------------------- */

.title-logo { color: #777;
    font-family: "Open Sans","Lato",sans-serif;
    font-size: 2.0em;
    line-height:2.3em;
}

/* ---------------------------------------------------- */
/* Buttons */
/* ---------------------------------------------------- */

.download, .btn-ar.btn-primary {
    background: #00519e linear-gradient(to bottom, #00519e 5%, #324c80 100%) repeat scroll 0 0;
    border: 1px solid #00519e;
    color: #fff;
    margin-right:10px;
    margin-bottom:0px;
}
.download:hover, .download:visited,
.btn-ar.btn-primary:hover,.btn-ar.btn-primary:visited {
    background: #002b54 none repeat scroll 0 0;
    color:#FFF;
}

/* ---------------------------------------------------- */
/* Teaser */
/* ---------------------------------------------------- */

.teaser .item {
    position: relative;
    text-align:center;
    padding: 5px;
    border: solid 1px #ddd;
    margin-bottom: 20px;
    color: #fff;
    width: 100%;
}
.teaser .item img {
    width: 100%;
}

.teaser .item h4 {
    padding: 0;
    color: #fff;
    margin: 2px 0 8px 0;
    text-align: center;
    font-size: 1.5em;
}

/* ---------------------------------------------------- */
/* Table */
/* ---------------------------------------------------- */


.table.noborder > tbody > tr > td, 
.table.noborder > tbody > tr > th, 
.table.noborder > tfoot > tr > td, 
.table.noborder > tfoot > tr > th, 
.table.noborder > thead > tr > td, 
.table.noborder > thead > tr > th {
    padding: 4px 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 0px solid #ddd;
}



/* ---------------------------------------------------- */
/* Footer */
/* ---------------------------------------------------- */

#footer-widgets .col-md-6 { padding-top:20px; }
#footer-widgets h4, #footer-widgets h4 a {
margin:20px 0 10px 0; color:#f29400;
}
#footer-widgets .media > .pull-left {
    padding-top: 3px;
}

#footer-widgets .media-heading {
margin-bottom:0; font-weight:500; font-size:1.1em;
}

/* ---------------------------------------------------- */
/* Carousel und anderes */
/* ---------------------------------------------------- */

#inhalt ul.bxslider > li::before { content: ""; }

.slogan {
    font-family: "Open Sans", sans-serif;
    color:#666;
    font-weight: 300;
    font-size: 1.3em;
    line-height: 150%;
    margin:5px 0;
}
.slogan h3 {
    color:#666;
}
.slogan h3 strong {
    color:#00519e;
    font-weight: 400;
}

#Container { padding-right:20px; }
.mix.textblock { display:block; clear:left;margin-bottom:30px; }
.mix.textblock a.col-md-3 { width:28%; position:relative; display:inline-block;}
.mix.textblock a.col-md-3 img { max-width:100%; max-height:150px; padding-right:10px;padding-top:2px; }
.mix a.media-left img { max-width:100%; max-height:150px; padding-right:10px;padding-top:2px; }
.gallery .col-md-6 { width: 50%; display:inline-block; }
.gallery .col-md-6 a, .gallery .col-md-6 a img { max-width: 100%; }
.img-responsive { display:inline-block; max-width:100%; }
.mix { display:table-cell;}


/* ---------------------------------------------------- */
/* header Top */
/* ---------------------------------------------------- */


.header-full {
    background-image: none; background-color:#FFF;);
}
 .header-full-title {
    background-image: url("../img/gvr/gvr-logo-header.png");
}

.header-full-title h2 {
    color: #f29400;
    font-family: "Times New Roman", Times, serif;
    font-size: 43px;
    margin-bottom: 0px;
    margin-top: 10px;
    word-spacing: -7px;
    padding:0 4px;
}
.header-full-title h2 a {
    color: #f29400;
    text-decoration: none;
}

.header-full-title h2 span, .header-full-title h2 span a {
    color: #00519e;
}
.header-full-title a:focus, .header-full-title a:hover {
    color: #f29400;
    text-decoration: none;
}
.header-full-title p {
    font-family: "Roboto Condensed","Lato",sans-serif;
    font-size: 1.3em;
    margin-bottom: 10px;
    margin-left:5px;
    text-align: left;
    font-stretch: normal;
    letter-spacing:1px;
}

/* ---------------------------------------------------- */
/* Breadcrumb */
/* ---------------------------------------------------- */

.navbar-default.navbar-dark .navbar-nav li a.current { color:#FFF; }


.main-header .page-title {
    color: #00519e;
    font-size: 1.4em;
    padding: 5px 0 0 15px;
}
.breadcrumb a.home::before {
    content: "\f015";
    font-family: "FontAwesome";
    padding-right: 6px;
}

/* ---------------------------------------------------- */
/* inhaltvoll */
/* ---------------------------------------------------- */

.bx-wrapper { margin: 26px auto 40px;background: transparent; }
.bx-wrapper .bx-controls-direction a { margin-top: 0px; }


.container iframe {
  position: relative;
  width: 100%;
}



/* ---------------------------------------------------- */
/* Suchergebnisse Volltextsuche */
/* ---------------------------------------------------- */

#inhalt ul.search_it-results > li::before { content: ""; }

.search_it-modul h4::before {
    color: #00519e;
    content: "\f054";
    font-family: "FontAwesome";
    font-size: 0.7em;
    margin-right: 5px;
}

.search_it-modul h4 { margin:0px; }
.search_it-modul p strong { color:#00519e; }

/* ---------------------------------------------------- */
/* Slidebar rechts */
/* ---------------------------------------------------- */

.sb-slidebar p, .slidebar-menu li a { padding: 5px 20px; }
.slidebar-header {
    color: #f29400;
    font-size: 1.4em;
    border-bottom: solid 0px #2f2f2f;
    padding: 10px 20px 0 20px;
    clear:left;

}
.social-icon-ar {
    display: inline-block;
    width: 32px;
    height: 35px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    margin: 0 16px 6px 0;
}
.social-icon-ar .fa { padding-top: 7px;color:#FFF; }
.sb-slidebar p.kleiner { font-size:0.9em;}
.sb-slidebar a { color:#f29400; }
.sb-slidebar a.btn { color:#FFF;margin-left:20px; }
.sb-slidebar p.slidebar-header { font-weight:300;font-size:1.2em; padding-top:30px;}

/* responsive */

/* *******************************************************
Custom, iPhone Retina
******************************************************** */

@media only screen and (min-width : 320px) {  
/* ----- */
.navbar-default.navbar-dark .navbar-brand { background-color: #FFF;color: #444;}
.navbar-default .navbar-brand {
    font-size: 1.1em;
    word-spacing: 0px;
    margin-left: 55px;
    background: none !important;
    padding-left: 0;
}
.sb-icon-navbar { display:none;}
.mix.textblock a.col-md-3 { width:80%; position:relative; display:inline-block;}
.mix a.media-left img { max-width:310px; max-height:150px; padding-right:10px;padding-top:2px; }

    

/* ----- */
}



/* *******************************************************
Extra Small Devices, Phones
******************************************************** */

@media only screen and (min-width : 480px) {
/* ----- */
.navbar-default .navbar-brand {
    font-size: 1.3em;
    word-spacing: 0px;
    margin-left: 55px;
    background: block !important;
}
body.article-1 .textcontainer { width:100%; font-size:16px; }
.mix.textblock a.col-md-3 { width:28%; position:relative; display:inline-block;}  
.mix .media-body { padding-left:15px; padding-right:15px; }

/* ----- */
}

 
 
/* *******************************************************
Small Devices, Tablets
--- ab hier Menu normal
******************************************************** */

@media only screen and (min-width : 768px) {
/* ----- */
.navbar-dark { background-color: #444;color: #fff;}
.sb-icon-navbar { display:block;} 
.mix.textblock a.col-md-3 { width:28%; position:relative; display:inline-block;}     

/* ----- */
}



/* *******************************************************
Medium Devices, Desktops - 
******************************************************** */

@media only screen and (min-width : 992px) {
/* ----- */



/* ----- */
}


/* *******************************************************
Large Devices, Wide Screens
******************************************************** */

@media only screen and (min-width : 1200px) {
/* ----- */


.fullpicture {
    background-color: #5b6d68;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 0;
    min-height: 340px;
    padding-top: 68px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
    }
/* ----- */
}
    


/* *******************************************************
kleine Displays extra
******************************************************** */

@media screen and (max-width: 767px) {
/* ----- */


/* ----- */
}