/* ************************************************************************************************************************************ */
/* Global Styles */
/* ************************************************************************************************************************************ */

html {

}

.table-vcenter td, th {
    vertical-align: middle!important;
}

body {
    height: 100%;
    background: #fff;
    font-family: sans-serif, Helvetica, Arial;
    font-size: 15px;
    font-weight: normal;
    color: #333;
    margin: 0;
    padding-top: 0px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.img-hover:hover {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    /*opacity: 0.8;*/
}

.img-hover-border {
    border: 3px solid #fff;
}

.img-hover-border:hover {
    border: 3px solid #bce8f1;
}

.imgbg .img-hover {
	background-image: url(../images/transparent.png);
}

.opa7 {
    opacity: 0.7;
}

tr:hover > .opa7 {
    opacity: 0.8;
}

tr:hover > .tdlinkarrow {
}

.normal {
    font-weight: normal !important;
}

.shadowBox {
    position:relative;
    overflow: hidden;
}

.shadowBox:before {
    display: block;
    content: "";
    height: 22px;
    position: absolute;
    width: 100%;
    border-radius: 60%;
    box-shadow: 0px 0 22px rgba(0, 0, 0, 0.5);
    bottom:-22px;
}


.no_display {
    display: none;
}

.ellipsis {
    text-overflow: ellipsis;
}



.scrollup {
    z-index: 10000;
    opacity:0.7;
    position:fixed;
    bottom:50px;
    right:25px;
    display:none;
}

.scrollup:hover {
    opacity:0.85;
}


hr.hrdot {
    border: 1px dotted #777;
    border-style: none none dotted;
    color: #333;
    background-color: #212121;
    width: 95%;
}

hr.dots {
    border: 1px dotted #BAD2DF;
    border-style: none none dotted;
    color: #fff;
    background-color: #fff;
}


.form-control:focus[readonly] {
	border-color: #ccc;
}

i.form-control {
	border: none;
	padding: 0;
	box-shadow: none;
	margin-bottom: 0;
}

.has-error i.form-control {
	color: #a94442;
	border:none;
	box-shadow: none;
}

.has-error .no-error i.form-control {
	color: #000;
	border:none;
	box-shadow: none;
}

.has-error .no-error .form-control {
    border-color: #ccc;
}

#loadingscreen
{
    padding-top: 75px;
}

.progress {
  height: 20px;
  padding: 2px;
  margin-bottom: 16px;
  background: #ebebeb;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
 
.progress-striped .progress-bar-primary {
  background-color: #dc2a0b;
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.fa {
    position: relative;
}

.fa-left {
    margin-right: 5px;
}

.fa-right {
    margin-left: 5px;
}

.fa-empty14px {
    width: 14px;
    height: 14px;
    text-align: center;
}

.fa-empty22px { /* Benyttes ved chevrons etc. der skal centreres selvom højde og bredde ikke er begge er 14px */
    width: 22px;
    height: 14px;
    text-align: center;
}


.fa-double-right {
    margin-left: -7px;
}

.fa-double-left {
    margin-right: -7px;
}

.fa-12px {
    top: 1px;
    font-size: 14px !important;
}

.mySelectCalendar {
    margin-right: -35px;
    float: left;
    cursor: pointer;
}

.ui-datepicker-trigger {
    width: 30px;
    float: right;
    height: 34px;
    border: none;
    cursor: pointer;
    color: #ccc;
}

.ui-datepicker-trigger, .ui-datepicker-trigger:focus, .ui-datepicker-trigger:hover, .ui-datepicker-trigger:active {
    top: 0 !important;
    padding:0;
    margin:0;
}

.ui-datepicker:not(.ui-datepicker-inline) button.ui-datepicker-current {
	display: none;
}

.searchbar .mySelectCalendar {
    margin-bottom: 0px !important;
}

.fa-empty28px {
    width: 28px;
    height: 28px;
}

.link.fa-stack:hover {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.img-hover:hover {
    opacity: 0.8;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.fa-cb14px { /* Benyttes ved checkboxes etc. der skal have samme bredde checked unchecked */
    width: 14px;
    height: 14px;
    margin-right: 6px;
}

.hand {
    cursor: pointer;
}

.fa-radio, .fa-checkbox {
    cursor: pointer;
    padding-right: 12px;
}


.fa-checkbox input[type="checkbox"],
.fa-checkbox .checked {
    opacity:0;
	filter:alpha(opacity=0);
	width:0;
	height:0;
	margin-top: 0;
    position: absolute;
}

.fa-radio input[type="radio"],
.fa-radio .checked {
    opacity:0;
    filter:alpha(opacity=0);
    width:0;
    height:0;
    margin-top: 0;
    position: absolute;
}

.fa-checkbox input[type="checkbox"]:checked ~ .checked {
    opacity:1;
	filter:alpha(opacity=1);
	width:14px;
	height:14px;
	position: relative;
    margin-left:-6px;
}

.fa-checkbox input[type="checkbox"]:checked ~ .unchecked {
    opacity:0;
	filter:alpha(opacity=0);
	width:0;
	height:0;
    position: relative;
}

.fa-radio input[type="radio"]:checked ~ .checked {
    opacity:1;
    filter:alpha(opacity=1);
    width:14px;
    height:14px;
    position: relative;
    margin-left:-6px;
}

.fa-radio input[type="radio"]:checked ~ .unchecked {
	opacity:0;
    filter:alpha(opacity=0);
    width:0;
    height:0;
    position: relative;
}

.checkbox label.fa-checkbox, .radio label.fa-radio {
    padding-left: 0;
}


.map {
    height: 650px;
    width: 100%;
}

.cursor-default {
    cursor: default;
}

.form-control{
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.hide {
    display:hidden;
}

#loginModal, #popModal, #alertModal, #SelectModal
{
    padding-top: 55px;
    z-index: 4000;
    min-width: 300px;
}

.height34 {
    padding-bottom: 10px;
}

.height175px {
    height: 175px !important;
}

.ui-datepicker-inline {
	width: 100%;
	padding:0px;
}

.ui-datepicker-calendar-container {
	display:block;
	padding:0 6px;
}

.ui-datepicker th {
	font-weight: normal;
}

.ui-widget-header {
	font-weight:normal;
}

.ui-widget-content {
	border:none;
}

.ui-datepicker-header {
	border:none;
	border-radius:0;
	border-bottom: 1px solid;
}

.g-recaptcha {
	display: inline-block;
}

.aktImage img{
	border-radius: 10px;
}

.has-error .form-control[readonly] {
	border-color: #ccc;
}

.noselect {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


 /* ************************************************************************************************************************************ */
 /* Tabs */
 /* ************************************************************************************************************************************ */

.tab-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px;
}

 /* ************************************************************************************************************************************ */
 /* Blockquote */
 /* ************************************************************************************************************************************ */

blockquote {
  padding: 26px 26px 26px 70px;
  margin: 0 0 20px;
  font-size: 15px;
  border-left: 4px solid #184BA6;
  background: #f7f7f7;
  position: relative;
}

blockquote:before {
  display: block;
  position: absolute;
  left: 24px;
  top: 19px;
  content: "\f10d";
  font-family: 'FontAwesome';
  font-size: 28px;
  color: #d6d6d6;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

blockquote.testimonial {
  background: #fff;
  border-top: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  -webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.06);
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.06);
  margin-bottom: 0;
}


/* ************************************************************************************************************************************ */
/* Button */
/* ************************************************************************************************************************************ */

.btn100 {
    width: 100%;
    display:block;
    padding: 10px 0; !important;
}

.btn {
    font-weight:550;
}

.uc, .btn {
    text-transform: uppercase;
}

.cap {
	text-transform: capitalize;
}


.btn-default {
	color: #333;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-image: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
	background-image: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	border-color: #f2f2f2;
	text-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border-color: #e4e4e4;
	background-image: -webkit-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
	background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff4f4f4', GradientType=0);
}




.gmapslink {
	max-width:36px;
	max-height:36px;
}

.btn-group {
	font-family: sans-serif, Helvetica, Arial;
}

.btn-group .btn.active:hover {
	cursor: default;
	border-color: transparent;
}

.btn-back {
    background-color:#eee;
    color: #000;
    border-color: #ccc;
}

.btn-back:hover {
    background-color:#ccc;
    color: #000;
    border-color: #999;
}


/* ************************************************************************************************************************************ */
/* Panels */
/* ************************************************************************************************************************************ */

.panel-hover:hover {
    box-shadow:0 0 10px rgba(0, 0, 0, 0.6);
}


.panel-heading {
    min-height:50px;
}

.panel-title {
    color:#fff;
    padding-top:5px;
}


/* ************************************************************************************************************************************ */
/*  Section */
/* ************************************************************************************************************************************ */

.section-headline {
    border-top: 6px solid #D4D4D4;
    border-bottom: 6px solid #D4D4D4;
}

.section-top, .section-headline {
    color: #fff;
}

.section-header, .section-headline {
    margin-top:65px;
}

.section-headline {
    height:80px;
}

.bgtop1 {
    background-image: url('../img/bg1.jpg');
}

.bgtop2 {
    background-image: url('../img/bg1.jpg');
}

.bgtop3 {
    background-image: url('../img/bg1.jpg');
}

.bgtop4 {
    background-image: url('../img/bg1.jpg');
}

.bgtop5 {
    background-image: url('../img/bg1.jpg');
}

.bgtop6 {
    background-image: url('../img/bg1.jpg');
}



.kontakt {
    background: #F8F8F8;
    border-radius: 0px 0px 10px 10px;
    text-align: center;
    padding-top: 25px;
    position: absolute;
    z-index: 2;
    width:300px;
    margin-left:-150px;
    left:50%;
    background-color: rgba(248,248,248,0.8);
}


.input-group .form-control.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
	padding:0;
	border:0;
}

.inputfile + label {
    border:1px solid;
    border-right:none;
    border-radius: 4px 0 0 4px;
    display: inline-block;
    padding: 5px 12px;
    line-height: 22px;
}

.inputfile + label {
	cursor: pointer;
}

.inputfile + label * {
	pointer-events: none;
}

.btn-upload {
    border-radius: 0 4px 4px 0;
}

/* ************************************************************************************************************************************ */
/* Typo */
/* ************************************************************************************************************************************ */

.nobr {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bullet {
    padding-left: 40px;
    text-indent: -14px;
}


.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.width75 {
    width: 75%;
}

.size10 {
     font-size: 10px;
}


.size12 {
     font-size: 12px;
}

.size16 {
     font-size: 16px;
}

.size20 {
     font-size: 20px;
}

.size24 {
     font-size: 24px;
}

 .strong {
     font-weight: 600;
 }

.italic {
	font-style: italic;
}

h1, h2, h3, .oswald, .fa.oswald {
    font-family: 'Oswald', sans-serif, Helvetica, Arial;
 }

  h1 {
      font-size: 34px;
      font-weight: 500;
      margin: 0px 0 25px 0;
      text-transform: uppercase;
 }

 h2 {
     font-size: 34px;
     font-weight: 500;
     margin: 0px 0 25px 0;
     text-transform: uppercase;
 }

 h3 {
     font-weight: 400;
     font-size: 26px;
     margin: 0 0 0 0;
     text-transform: uppercase;
 }

  h4 {
      font-weight: 400;
      font-size: 18px;
      margin: 0 0 0 0;
 }

 h6 {
     font-size: 16px;
     font-weight: 600;
     text-align: center;
     margin: 0 0 60px 0;
 }

p {
     line-height: 24px;
     margin: 0;
}

.uppercase {
     text-transform: uppercase;
}

.ui-widget, .ui-widget-content button {
    font-family: 'Oswald', sans-serif, Helvetica, Arial;
}

.arrdato {
	display: inline-block;
}

.popannuller {
    margin-left: 10px;
}

.minheight200 {
    min-height: 200px;
}

.mr0 {
	margin-right: 0px !important;
}

.mr5 {
	margin-right: 5px;
}

.mr10 {
	margin-right: 10px;
}


.mt0 {
    margin-top: 0px !important;
}

.ml0 {
    margin-left: 0 !important;
}

.ml5 {
    margin-left: 5px;
}

.np, .table > tbody > tr > td.np {
    padding: 0;
}

.nm {
    margin: 0;
}

.mar10 {
    margin: 10px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mb0 {
    margin-bottom: 0;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.pad2 {
    padding: 2px;
}

.pad5 {
    padding: 5px;
}


.pad10 {
    padding: 10px;
}

.pad15 {
    padding: 15px;
}

.pad20 {
    padding: 20px;
}

.pad30 {
    padding: 30px;
}

.pr0 {
    padding-right: 0px;
}

.pr15 {
    padding-right: 15px;
}

.pt0 {
    padding-top: 0px;
}

.pt1 {
    padding-top: 1px;
}

.pt2 {
    padding-top: 2px;
}

.pt5 {
    padding-top: 5px;
}

.pt6 {
    padding-top: 6px;
}

.pt8 {
    padding-top: 8px;
}

.pt10 {
    padding-top: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pt20 {
    padding-top: 20px;
}

.pt23 {
    padding-top: 23px;
}


.pt25 {
    padding-top: 25px;
}

.pt30 {
    padding-top: 30px;
}

.pt40 {
    padding-top: 40px;
}

.pt60 {
    padding-top: 60px;
}

.pb0 {
    padding-bottom: 0px;
}

.pb2 {
    padding-bottom: 2px;
}

.pb5 {
    padding-bottom: 5px;
}

.pb8 {
    padding-bottom: 8px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb15 {
    padding-bottom: 15px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb30 {
    padding-bottom: 30px;
}

.pb40 {
    padding-bottom: 40px;
}

.pl0 {
    padding-left: 0px;
}

.pl5 {
    padding-left: 5px;
}

.pl10 {
    padding-left: 10px;
}

.pl15 {
    padding-left: 15px;
}

.pl20 {
    padding-left: 20px;
}

.pr2 {
    padding-right: 2px;
}

.pr10 {
    padding-right: 10px;
}


.txtwhite {
    color: #fff;
}

.txtgray {
    color: #BFBFBF;
}


.bgwhite {
    background: #fff;
}

.bggreen {
    background: #AFC244;
}


.bggragray, .modal-header {
	background: #f9f9f9;
	background: -moz-linear-gradient(top,  #f9f9f9 0%, #ededed 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f9f9f9 0%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f9f9f9 0%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}


.toplink, toplink:hover {
    color:#99A6BC !important;
    text-decoration:none !important;
}


.cases .boxmain .boxcontent {
    height:300px;
}

.boxbutton, .boxbutton2 {
	width: 100%;
	padding: 10px;
	color: #fff;
}
.cases .boxmain .boxbutton, .cases .boxmain .boxbutton2 {
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.5),0 0 40px rgba(0,0,0,0.3) inset;
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.5),0 0 40px rgba(0,0,0,0.3) inset;
	box-shadow: 0 1px 4px rgba(0,0,0,0.5),0 0 40px rgba(0,0,0,0.3) inset;
}

.cases .boxmain:hover .boxbutton {
    box-shadow:none;
}

.caseimg {
	height: 100px;
	overflow:hidden;
    white-space: nowrap;
    text-align: center;
}

.caseimg > img.fwimg {
    max-width:85%;
    max-height: 100px;
    vertical-align: middle;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.casetekst {
	height: 65px;
}

.caselist {
	height: 125px;
}

.nooverflow {
	overflow:hidden;
}

.bulletpad {
    padding-left: 20px;
    text-indent: -14px;
}



/* ************************************************************************************************************************************ */
/* Footer Styles */
/* ************************************************************************************************************************************ */

.footer {
  background: #212121;
  color: #a3a3a3;
}

.footer a {
  color: #fff;
}

.bg-gray{
  background: #2F2F2F;
}

/* ************************************************************************************************************************************ */
/* Links */
/* ************************************************************************************************************************************ */

a.linkwhite {
    color: #fff;
}

.link {
    cursor: pointer;
}

.trlink:hover {
	opacity: 0.8;
}

.table-yellow tbody tr:hover td, .table-hover tbody tr:hover   {
  background-color: #fbf8e2;
}


.table.linktable > tbody > tr > td,
.table.linktable > tbody > tr > th,
.table.linktable > tfoot > tr > td,
.table.linktable > tfoot > tr > th,
.table.linktable > thead > tr > td,
.table.linktable > thead > tr > th {
	padding: 0;
}

.linktable tr.link:hover td.hovereffect, div.hovereffect:hover {
	opacity: 0.8;
}

.linktable tr.link:hover td.hoverminimize div {
	padding: 2px;
}

.linktable tr.link:hover td table.hovermaximize {
	padding-right: 6px;
}


.transition {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


/* ************************************************************************************************************************************ */
/* Navbar */
/* ************************************************************************************************************************************ */

/* navbar */

#mainNav.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index:10;
}

.navbar-brand {
    padding-top:0px !important;
}

.navbar-brand.background {
    position: absolute;
    z-index: 0;
}

.navbar {
    margin-bottom: 0;
    border-radius: 0;
}

.navbar-default {
    background-color: #F8F8F8;
    border-color: #E7E7E7;
}
/* title */
.navbar-default .navbar-brand {
    color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #5E5E5E;
}
/* link */
.navbar-default .navbar-nav > li > a {
    display: block;
    font-size: 16px;
    color: #333;
    text-transform: uppercase;
    font-weight: 400;
    font-family: 'Oswald', sans-serif, Helvetica, Arial;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #E7E7E7;
}


.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
/* mobile version */
.navbar-default .navbar-toggle {
    border-color: #DDD;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #DDD;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #CCC;
}

.navbar-toggle {
    margin-top:3px;
    margin-bottom:3px;
    font-size:14px;
    background-color: #f8f8f8;
    background-color: rgba(248,248,248,0.9);
}



@media (max-width: 1199px) {
   .collapsing ul li a, .in ul li a {color: #fff!important;border-bottom: 1px solid #3F3F3F;}
   .navbar-default .navbar-nav > li > a {
       display: block;
       font-size: 14px;
       color: #333;
       text-transform: uppercase;
       font-family: sans-serif, Helvetica, Arial;
    }
    .navbar-nav {
	    margin: 7.5px -15px;
	}

}

 /**************************************************
 Responsive
 **************************************************/

@media (max-width: 1199px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse {position:absolute; z-index:10; width:100%; top:65px;left:15px;}
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse {padding-left:15px;padding-right:15px;}
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {margin-top:0;margin-bottom:0;background-color: #2F2F2F; color:#fff;}
    .navbar-nav {
        float: none!important;
        /*margin-top: 7.5px;*/
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
    .logo {height:50px; margin-left:10px}
}

 @media only screen and (min-width: 1821px) {
     .img1820plus { width: 100%; }
 }

 @media only screen and (max-width: 1199px) {
     .min1200, .nav > li.min1200 { display:none; visibility:hidden; }
 }

 @media only screen and (min-width:1200px) {
     .max1200, .navbar-collapse.max1200 { display:none !important; visibility:hidden; }
     ul.nav > li > a {background-color: #f8f8f8; opacity: 0.9;}
     ul.nav > li > a:hover {background-color: #f8f8f8 !important; opacity: 0.9 !important;}
	.container > .navbar-header,
	.container-fluid > .navbar-header,
	.container > .navbar-collapse,
	.container-fluid > .navbar-collapse {margin-right: 0; margin-left: 0;}
   	.section-header, .section-headline {margin-top:70px;}
 }

 @media (min-width: 992px) and (max-width:1199px) {
     .img-small {height:46px; }
 }

 @media only screen and (max-width: 1023px) {
     .min1024 { display:none; visibility:hidden; }
 }

 @media only screen and (min-width:1024px) {
     .max1024 { display:none; visibility:hidden; }
 }

 @media only screen and (max-width: 991px) {
     .min992 {display:none; visibility:hidden;}
     .fullwidth {padding:0px 0px 0px 0px;}
     .nmmin992 {margin:0px 0px 0px 0px;}
     .btn992 { width: 100%; display:block; padding: 10px 0; !important;}
     .center992 {text-align: center; }
     .centerimg992 {margin:0 auto;}
      h1 {font-size: 24px;}
      h2 {font-size: 24px;}
      h3 {font-size: 20px;}   
 }


 @media only screen and (min-width:768px) and (max-width: 991px) {
     #rc-imageselect, .g-recaptcha.transform {transform: scale(0.82); transform-origin: 0 0 0;}
 }

 @media only screen and (min-width:992px) {
     .max992 { display:none; visibility:hidden; width:0px;height:0px;  }
     .right992 {text-align: right; }
     
     .linktrans {
       position: relative;
     }
     .linktrans:after {
       content: '';
       position: absolute;
       bottom: 0;
       left: 0;
       width: 0%;
       border-bottom: 2px solid #AFC244;
       transition: 0.4s;
     }
     .linktrans:hover:after {
       width: 100%;
     }
     
 }

 @media only screen and (max-width: 767px) {
     .min768 { display:none; visibility:hidden;}
     .section-top { margin-top:0px;}
     .center768 {text-align: center; }
     .centerimg768 {margin:0 auto;}
     .btn768 { width: 100%; display:block; padding: 10px 0; !important;}
     .btnWide { width: 100%; display:block; padding: 10px 0; margin-bottom: 20px; !important;}
     .size20 {font-size: 18px;font-weight:400;}
     .affix + .section-header, .affix + .section-headline {margin-top:62px;}
 }

 @media only screen and (min-width:768px) {
     .max768 { display:none; visibility:hidden;}
     .minheight425 {min-height:425px;}
     .container > .navbar-header,
	 .container-fluid > .navbar-header,
	 .container > .navbar-collapse,
	 .container-fluid > .navbar-collapse {margin-right: -15px; margin-left: -15px;}
     #cookieModal .modal-dialog {width: 80%;min-width: 300px;}
     #imageModal .modal-dialog { width: 672px; }

 }

 @media (min-width: 768px) {

}

 @media only screen and (max-width:679px){
     .min680 { display:none; visibility:hidden;}
     .btn680 { width: 100%; display:block; padding: 10px 0; !important;}
 }

 @media only screen and (min-width:680px) {
	 .max680 { display:none; visibility:hidden; }
 }
 
  @media only screen and (max-width:639px){
      .min640 { display:none; visibility:hidden;}
  }
 
  @media only screen and (min-width:640px) {
 	 .max640 { display:none; visibility:hidden; }
 }

 @media only screen and (max-width:599px){
     .min600 { display:none; visibility:hidden;}
 }

 @media only screen and (min-width:600px) {
     .max600 { display:none; visibility:hidden; }
 }

 @media only screen and (max-width:479px){
     .min480 { display:none; visibility:hidden;}
     .btn-group.paging > .btn {padding:5px 6px;}
     .logo {height:34px; margin-left:10px; margin-top:10px}
 }

 @media only screen and (min-width:480px) {
     .max480, .nav > li.max480 { display:none; visibility:hidden; }
 }

 @media only screen and (max-width:419px){
     .min420 { display:none; visibility:hidden;}
 }

 @media only screen and (min-width:420px) {
     .max420 { display:none; visibility:hidden; }
 }

 @media only screen and (max-width:359px){
     .min360 { display:none; visibility:hidden;}
     #rc-imageselect, .g-recaptcha {transform: scale(0.82); transform-origin: 0 0 0;}
     .btn-group.paging > .btn {padding:5px 5px;}
 }

 @media only screen and (min-width:360px) {
     .max360 { display:none; visibility:hidden; }
 }

 @media only screen and (max-width:768px) {
     h1 { font-size:28px; }
     .img-kanal { width: 45px; }
 }




 /**************************************************
 Icons
 **************************************************/

.circle { width: 65px; height: 65px;   -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
 text-align:center;

}

.facebook {
    color: #3B5998;
}

.twitter {
    color: #1DA1F2;
}

.google {
    color: #DD4B39;
}

.linkedin {
	color: #0077b5;
}

.instagram {
	color:#893dc2;
}

.instagramNoIE:before {

  	background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%),
			  	radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%),
			  	radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),
			  	radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%),
			  	radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),
			  	radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%),
			  	radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),
    		  	linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);


	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: initial; /* reset Font Awesome's display:inline-block */
}

.youtube {
	color: #cd201f;
}

.trustpilot {
	color: #007f4e;
}

.tripadvisor {
	color: #00af87;
}

.pinterest {
	color: #bd081c;
}


.imagecontainer {
    position: relative;
    display:inline-block;
}


.imagetext {
    position: absolute;
    top: 0;
    right:0;
    opacity: 0.7;
}

img.hand:hover + .imagetext,
.imagetext:hover {
    opacity: 1.0;
}


 
div.lnkwhite a:link { color: #fff; text-decoration:underline; }
div.lnkwhite a:visited { color: #fff; text-decoration:none;}
div.lnkwhite a:hover { color: #fff;text-decoration:none; }
div.lnkwhite a:active { color: #fff; text-decoration:none;}