/* Fade Carousel */
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {left:30px;}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {right:30px;}
.carousel-fade .carousel-inner .item {-webkit-transition-property: opacity;transition-property: opacity;}.carousel-fade .carousel-inner .item,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {opacity: 0;}
.carousel-fade .carousel-inner .active,.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {opacity: 1;}
.carousel-fade .carousel-inner .next,.carousel-fade .carousel-inner .prev,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {left: 0;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.carousel-fade .carousel-control {z-index: 2;}
.carousel-indicators {margin-bottom:0px;bottom:5px;}

.panel.level1 {margin-left:0px;}
.panel.level2 {margin-left:25px;}
.panel.level3 {margin-left:50px;}
.panel.level4 {margin-left:75px;}
.panel.level5 {margin-left:100px;}
.panel.level6 {margin-left:125px;}
/* Wysihtml5 Klassen */
.wysiwyg-float-left {float:left;}
.wysiwyg-float-right {float:right;}
.wysiwyg-font-size-large {font-size:1.2em;}
.wysiwyg-font-size-medium {font-size:1em;}
.wysiwyg-font-size-small {font-size:0.8em;}
.wysiwyg-text-align-center {text-align:center;}
.wysiwyg-text-align-justify {text-align:justify;}
.wysiwyg-text-align-left {text-align:left;}
.wysiwyg-text-align-right {text-align:right;}

/* Farbcodes für den Wysiwyg Editor */
.wysiwyg-color-eins {color:#000000;}
.wysiwyg-color-zwei {color:#0093cf;}
.wysiwyg-color-drei {color:#c4ce41;}
b {font-weight:600;}
a {color:#0093cf;}
p {margin:0;}
.gruen a {color:#cdce41;}


.datenschutz_baustein {margin-bottom:30px;}
.form-url {position:relative;}
.form-url:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:#eceded;}
.cc-revoke {display:none !important;}


.ansprechpartner-item img {
	width: 100%;
}



body {font-family:"Montserrat", Arial, sans-serif;overflow-x:hidden;color:#555;overflow-y:scroll;}
.container-fluid {max-width:1600px;}

.bg-farbe {background-color:#0093cf;}
.gruen .bg-farbe {background-color:#c4ce41;}
.text-primary {color:#0093cf;}
.gruen .text-primary {color:#c4ce41;}

.image-wrapper {position:relative;}
.autor-label {
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    font-size: 10px;
    background: rgba(0,0,0,0.2);
    padding: 2px 4px;
    transform: rotate(-90deg) translate(calc(-100% - 8px),8px);
    transform-origin: top left;
}




/* Menu */
#hauptmenu {position:relative;}
.headermenu_desktop {position:absolute;top:10px;right:0px;font-size:12px;}
.headermenu_desktop a {color:#aaa;!important;margin-left:10px;}

.navbar-header {position:relative;z-index:5;}
.markenlogos {position:absolute;left:100%;top:26px;width:150px;}
.markenlogos img {margin-left:10px;}

.navbar-default .navbar-nav>li>a {text-align:right;color:#fff;}
.navbar-nav {padding-top:45px;}
.navbar-nav > li > a > b {display:block;font-weight:800;font-size:18px;}
.navbar-nav > li > a > span {display:block;font-size:14px;}
.navbar-nav > li > a {min-width:180px;border-right:3px solid #eceded;padding-top:0px;padding-bottom:0px;background-color:transparent !important;}
.navbar-nav > li {padding-bottom:15px;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {background-color:transparent;}
.navbar-nav li .dropdown-menu {border:0px;box-shadow:none;background-color:transparent;width:auto;min-width:100%;}
.dropdown-menu li {padding-right:5px;}
.dropdown-menu li a {padding:10px 20px;text-align:right;color:#fff;background:rgba(74,78,90,0.8);margin-bottom:5px;}
.dropdown-menu li a b {font-weight:400;}
.dropdown-menu .dropdown-menu {top:0px;left:100%;padding:0px;margin:0px;}
.dropdown-menu .dropdown-menu li {width:auto;}
.dropdown-menu li a:hover, .dropdown-menu li a:focus {background-color:#0093cf;color:#fff;}
.gruen .dropdown-menu li a:hover, .gruen .dropdown-menu li a:focus {background-color:#c4ce41;color:#fff;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {background:rgba(74,78,90,0.8);color:#0093cf;}
.gruen .dropdown-menu>.active>a, .gruen .dropdown-menu>.active>a:hover, .gruen .dropdown-menu>.active>a:focus {color:#c4ce41;}
.navbar-default {margin-bottom:0;border-radius:0px;text-transform:uppercase;border:0;background-color:#4a4e5a;border-bottom:5px solid #fff;background-image:url("images/Swoosh-Navbalken.png");background-position:bottom right;background-repeat:no-repeat;background-size:auto 100%;}
.navbar-brand {height:auto;padding-top:0px;padding-bottom:0px;}




/* Startseite */
.portalbilder {clear:left;position:relative;}
.portalbilder>div {width:50%;height:100%;float:left;display:block;position:relative;overflow:hidden;padding-bottom:59px;cursor:pointer;}
.portalbilder .slider .item {background-repeat:no-repeat;height:calc(100vh - 189px);background-size:auto 100%;}
.portal_auto .slider .item{background-position:top right;}
.portal_rad .slider .item{background-position:top left;}

.portal_auto {border-right:3px solid #fff;}
.portal_rad {border-left:3px solid #fff;}
.startseite .carousel-caption {left:20px;right:20px;text-align:left;font-weight:400;	font-size:14px;background-color:rgba(255,255,255,0.9);padding:50px 30px 20px 30px;color:#555;text-transform:none;text-shadow:none;bottom:40px;background-repeat:no-repeat;background-position:top 15px left 30px;}
.startseite .portal_auto .carousel-caption {background-image:url("images/Logo-Augustin-Auto-1-zeile.png");}
.startseite .portal_rad .carousel-caption {background-image:url("images/Logo-Augustin-Rad-1-zeile.png");}

.portalbilder .portal_footer {position:absolute;bottom:0px;left:0px;right:0px;height:100px;color:#fff;padding:20px;background-position:top 20px right 20px;background-repeat:no-repeat;border-top:5px solid #fff;transition:height 0.5s;} 
.portalbilder .portal_footer .oeffnungszeiten {padding-top:18px;}
.portalbilder .portal_footer td {padding-right:20px;}
.portalbilder .portal_footer:hover {height:300px;}
.portalbilder .portal_auto .portal_footer {background-color:#0093cf;background-image:url("images/Logo-Augustin-Auto.png");}
.portalbilder .portal_rad .portal_footer {background-color:#c4ce41;background-image:url("images/Logo-Augustin-Rad.png");}


@media screen and (max-width:1023px) and (orientation: portrait) {
	.portalbilder a {width:100%;height:50vh;}
	

	.portal_auto {border-bottom:3px solid #fff;border-right:0;}
	.portal_rad {border-bottom:3px solid #fff;border-left:0;}
	.portalbilder .portal_footer {left:20px;right:20px;border:0;height:70px;}
	.portalbilder>div {width:auto;height:50%;float:none;padding-bottom:0px;}
	.portalbilder .slider .item {height:calc(50vh - 64px);background-size:cover;}
}




.carousel-caption {font-weight:600;	font-size:40px;background:rgba(255,255,255,0.9);padding:15px 30px;color:#555;text-shadow:none;bottom:40px;text-transform:uppercase;}
.carousel-caption b{font-weight:900;}
@media screen and (min-width: 768px) {
	.unterseiten .carousel-caption {left:50%;right:auto;transform:translate(-50%,0);white-space: nowrap;}
	
}

.carousel-indicators {left:auto;width:auto;margin:0;right:20px;top:20px;}
.carousel-indicators li {border-radius:0;border:3px solid #0093cf;margin:0;height:16px;width:16px;}
.gruen  .carousel-indicators li {border-color:#c4ce41;}
.carousel-indicators li.active {background:#0093cf;height:16px;width:16px;}
.gruen .carousel-indicators li.active {background:#cec441;}
.navigationsbild {position:relative;}
.navigationsbild .bereichlink {position:absolute;bottom:0px;left:0px;transform:translate(0,50%);z-index:50;}


/* Breadcrumbs */
.breadcrumb {text-transform:uppercase;background:transparent;padding:15px 0;}
.breadcrumb span {font-weight:800;margin-right:10px;}
.breadcrumb a, .gruen .breadcrumb a {color:#555;}
.breadcrumb {font-size:12px;}
.breadcrumb li.active {color:#0093cf;}
.gruen .breadcrumb li.active {color:#cdce41;}


.bg-primary{background-color:#0093cf;}
.btn-primary {background-color:#0093cf;border:0;}
.gruen .bg-primary, .gruen .btn-primary {background-color:#c4ce41;}



main {padding:40px 0 150px 0;}
main .textsmartie, 
main .carousel, main .einzelbild {margin-bottom:30px;}



.well.cta {margin-top:100px;font-size:20px;font-weight:600;}
.form-well {background:#eceded;padding:60px;}
.kontakt {margin-top:80px;}
.map {height:300px;}

.link_mit_thumbnail {margin-top:60px;margin-bottom:60px;}
.link_mit_thumbnail a.bg-farbe	{display:block;margin-bottom:30px;color:#fff !important;}
.link_mit_thumbnail h4 {margin:0;padding:20px 5px;text-align:center;text-transform:uppercase;font-weight:bold;font-size:14px;}
.link_mit_thumbnail .panel {background-color:transparent;border:0px;}
.link_mit_thumbnail a:hover {text-decoration:none;}
.link_mit_thumbnail .img-responsive {margin:0 auto;}


.kategorien_filter {}
.kategorien_filter button {}
.referenzen a {position:relative;display:block;margin-bottom:30px;}
.referenzen img {display:block;}
.referenzen span {display:block;position:absolute;left:0px;bottom:10px;padding:5px;background:rgba(255,255,255,0.5);width:80%;}
.aktuelles .thumbnail {margin-bottom:0px;}

#pgrid {
margin-top: 81px;
position: relative;
max-width: 100%;
width: 100%;
}


#pgrid .cell{
position: absolute;
background: white;
box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
padding: 10px;
display:block;
}
#pgrid a {display:block;}

h1, h2, h3, h4, h5, h6 {margin-top:0px;}
h1 {font-size:34px;}
h1 b {font-weight:900;}



/* Test ob Abstand Aufzahlung klappt*/

ul li {
    margin: 8px 0;
}

.fresco_link {position:relative;display:block;}
.fresco_galerie .fresco_button {text-transform:uppercase;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff !important;text-decoration:none !important;padding:5px 10px;border:1px solid #fff;background-color:rgba(0,0,0,0.6);}
.fresco_galerie .fresco_link:hover .fresco_button {background-color:rgba(0,0,0,0.8);} 
.fresco_galerie .fresco_button2 {position:absolute;padding:6px;bottom:10px;right:10px;top:auto;}
.fresco-autor {color:#5d5c5c;}


.dateiliste {padding-left:0px;}
.dateiliste li {list-style:none;margin-bottom:8px;}
.dateiliste .icon {margin-top:-2px;vertical-align:middle;content:"";display:inline-block;margin-right:5px;border-radius:10px;height:5px;width:5px;}
.dateiliste .pdf-icon {margin-top:0px;height:24px;width:24px;background:url("images/pdf.png");margin-right:5px;border-radius:0;}

.bild_mit_titel_und_caption {margin-bottom:70px;display:block;}
.bild_mit_titel_und_caption .image-wrapper {margin-bottom:10px;}
.bild_mit_titel_und_caption .title {background-color:#0093cf;padding:10px;transform:translate(0,calc(-50% - 5px));color:#fff;}
.gruen .bild_mit_titel_und_caption .title {background-color:#c4ce41;color:#fff;}
.bild_mit_titel_und_caption h3 {margin:0;font-weight:800;text-transform:uppercase;font-size:24px;text-align:center;color:#fff;}
.bild_mit_titel_und_caption .thumbicon {position:absolute;top:20px;right:20px;}
.bild_mit_titel_und_caption .caption {padding:0px 20px 20px 20px;background-color:#eceded;font-size:14px;position:relative;color:#555;}

.carousel .resizeactive {display:block;}

.bild_mit_subtitel {position:relative;margin-bottom:10px;display:block;}
.bild_mit_subtitel .subtitel {position:absolute;left:15px;bottom:20px;right:15px;padding:10px;}
.bild_mit_subtitel h3 {margin:0;font-weight:800;text-transform:uppercase;font-size:24px;text-align:center;color:#fff;}


.ansprechpartner-tabs {margin-bottom:30px;}
.ansprechpartner-tabs .nav-tabs {margin:0 -15px;}
.ansprechpartner-tabs .nav-tabs li {padding:0 15px;}
.ansprechpartner-tabs .nav-tabs li a {border-width:3px !important;border-color: #0093cf;color:#0093cf;background-color:transparent !important;} 
.ansprechpartner-tabs .nav-tabs li.active a {border-color:#999 !important;color:#999;}
.ansprechpartner-item {margin-bottom:40px;}
.ansprechpartner h3 {text-transform:uppercase;font-size:18px;font-weight:800;margin-bottom:20px;}
.ansprechpartner-item h4 {color:#0093cf;text-transform:uppercase;font-weight:800;}
.ansprechpartner .glyphicon {color:#0093cf;}
.ansprechpartner .info {padding-top:10px;}

textarea.form-control {height:291px;}
form {margin-bottom:40px;}
form .checkbox-inline, form .radio-inline {padding-top:0px; margin-left:0px !important;}
input:required:invalid, textarea:required:invalid {
    border-color: #dc3545;
}

.bg-color1 {background:#666;color:#fff;}

/* Footer custom */
footer {position:relative;margin-top:100px;}
.footer-top {position:relative;}
.footer-angebot {position:absolute;bottom:46px;left:0px;width:40%;}
footer .bg-farbe {position:relative;z-index:100;padding:12px 0;border-top:5px solid #fff;font-size:12px;color:#fff;}
footer .bg-grau {background-color:#4a4e5a;color:#fff;font-size:12px;padding:20px 0;}
footer h4 {font-weight:800;text-transform:uppercase;font-size:16px;}
footer a, footer a:hover, .gruen footer a, .gruen footer a:hover {color:#fff;}

/* Hotspot Modul */
#hotspot-wrapper {display:inline-block;position:relative;}	
#hotspot-wrapper img {display: block;max-width: 100%;height: auto;}
#hotspot-wrapper #hotspot-svg {position: absolute;top: 0;left: 0;width:100%;height:100%;}

svg .hotspot {
fill:transparent;
stroke-width:0;
}
svg .hotspot:hover {
cursor:pointer;
  fill-opacity:0.1;
  fill:#000000;
}

.hotspot-info {
	width:300px;background:#fff;border-radius:10px;padding:10px;text-align:center;
}


/* Impressum menu */
.headermenu_desktop {}
.startseite_footer {padding-top:10px;padding-bottom:10px;background:#4a4e5a;text-transform:uppercase;font-size:12px;}
.startseite_footer a {color:#aaa !important;margin-right:10px;}

@media screen and (min-width: 1200px) {
		
		.navigationsbild .carousel > .carousel-inner > .item > img, .navigationsbild > .image-wrapper > img {
			width: 100vw;
		}
		
		.container {
			width: 65vw;
		}

}

@media screen and (max-width:996px) {
	.portal_bilder .portal_footer {height:80px;}
	.portal_footer .container-fluid {display:none;}
	
	.footer-angebot {z-index:-1;position:relative;top:20px;bottom:auto;left:auto;width:auto;}
	main {padding-bottom:20px;}
	footer {margin-top:20px;}
	
	footer .plugin {margin-bottom:30px;}	
	.stoerer {max-width:30%;}
	.navbar-nav .dropdown .dropdown-toggle {margin:10px 0;right:0;top:0;position:absolute;background-color:rgba(255,255,255,0.1);width:40px;text-align:center;padding-left:0px !important;padding-right:0px !important;}
  .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-fixed-top {top: 0; border-width: 0 0 1px;}
	.navbar-collapse.collapse {display: none!important;}
	.navbar-nav {float: none!important;margin-top: 7.5px;}
	.navbar-nav>li { float: none;padding-bottom:0;}
	.navbar-nav>li>a { padding-top: 10px;padding-bottom: 10px;}
	.collapse.in{display:block !important;}
  .dropdown-menu {float:none;position:relative;top:0;}

	.unterseiten .carousel-caption {font-size:14px;padding:5px;bottom:20px;}
	
	.navbar-brand img {height:70px;}
	.navbar {min-height:70px;}
	.navbar-toggle {margin-top:15px;margin-bottom:15px;}
	.breadcrumb {padding-top:30px;}
	
	
	.navbar-default .navbar-nav>li>a {text-align:left;min-width:0;border-right:0;}
	.dropdown-menu li a{text-align:left;color:#fff !important;}
	.navbar-nav .dropdown .dropdown-toggle {right:0;top:0;bottom:0;border-left:1px solid #eceded; position:absolute;background-color:rgba(255,255,255,0.1);width:40px;text-align:center;padding-left:0px !important;padding-right:0px !important;}
.navbar-nav .seitenlink {margin-right:40px;}
.navbar-nav .dropdown {position:relative;}
.caret {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    display:inline-block !important;

}

}

@media (max-width:767px) {
	
	.carousel-caption {display:none;}
	.unterseiten .carousel-caption {display:block;bottom:40px;left:15px;right:15px;}
.navigationsbild .image-wrapper {height:250px;}
.navigationsbild .image-wrapper img {position:absolute;left:50%;transform:translate(-50%, 0);max-width:none;height:100%;}	
}

@media screen and (max-height: 575px){
#rc-imageselect, .g-recaptcha {transform:scale(0.77);transform-origin:0;transform:scale(0.77);transform-origin:0 0; }
}