/* Developed by M. Wegmüller */


@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,700');
@import url('https://fonts.googleapis.com/css?family=Source+Serif+Pro');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300&display=swap');


html, body {
   
	/*background-image: url("../images/background/bg_blurrybrown.jpg");*/
	/*background-image: linear-gradient(to right,rgba(237,229,177,1.00),rgba(179,133,236,1.00));*/
		
	height: 100%;
	width: 100%;
	font-family: 'Source Serif Pro', serif;
	color: #222;
	background-color:whitesmoke;
}

h1 {
	font-family: 'Merriweather', serif;
	font-weight: bold;
	font-size: 1.3rem;
}

h2 {
	font-family: 'Merriweather', serif;
	font-weight: bold;
	font-size: 1.2rem;
}


p, h3 {
	font-family: 'Source Serif Pro', serif;
	font-size: 1.1rem;
}

p, li {
	font-size: 1.1rem;
}


.row a:link {
	color: #2A1F0E !important;
	text-decoration: underline !important;
}

.row a:hover {
	color: #040670 !important;
	text-decoration: underline !important;
}

a:hover {
	color: #040670 !important;
	text-decoration: underline !important;
}

a:visited {
	color: #2A1F0E !important;
}



.klein {
	font-size: 10px;
}
#formularbox{
	border:2px solid #ccc;
	width:90%;
	padding:10px;	
}

.seiteBearbeiten a {
	color: #01487C !important;
	text-decoration: underline;
}

.seiteBearbeiten a:visited {
	color: #01487C !important;
}

.seiteBearbeiten a:hover {
	color: #00339C !important;
}

.jumbotron {
	/*background-image: url("../images/background/bg_white_leather.png");*/
	background-color: #F5F2EA;
}

.card-body, .card-header {
	/*background-image: url("../images/background/bg_white_leather.png");*/
	background-image: url("../images/background/bg_bluecloud.jpg") !important;
	background-size: cover;
}

#preise .card-body, .card-header {
	/*background-image: url("../images/background/bg_white_leather.png");*/
	background-image: none !important;
	background-color: #FFFFFF;
}


.figure {
	/*background-image: url("../images/background/bg_white_leather.png");*/
}

.navbar {
	/*background-image: url("../images/background/bg_white_leather.png");
    background-repeat: repeat;*/
	/*padding-right: 30px;*/
	background-color:white;
	margin-bottom: 0px !important;
	
}

.navbar-nav li {
	padding-right: 20px;
}

.nav-link {
	color: #222 !important;
	font-size: 1.1em !important;
}

.navbar-brand img {
	width: 40px;
}

.carousel {
	background-color: white;
	padding-top: 0px;
	margin-top: 0px;
}

.carousel-inner img {
	width: 100%;
	height: 100%;
}

.carousel-caption {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.carousel-caption h1 {
	font-size: 500%;
	text-transform: uppercase;
	text-shadow: 1px 1px 15px #000;
}

.carousel-caption h3 {
	font-size: 200%;
	font-weight: 500;
	text-shadow: 1px 1px 10px #000;
	padding-bottom: 1rem;
}

.btn-primary {
	background-color: #6648b1;
	border: 1px solid #6648b1;
}

.btn-primary:hover {
	background-color: #563d7c;
	border: 1px solid #563d7c;
}

.jumbotron {
	padding: 1rem;
	border-radius: 0;
}

.padding {
	padding-bottom: 2rem;
}

.welcome {
	width: 100%; /*75%*/
	margin: 0 auto;
	padding-top: 2rem;
}

.welcome hr {
	border-top: 2px solid #b4b4b4;
	width: 95%;
	margin-top: 0.3rem;
	margin-bottom: 1rem;
}

.fa-code {
	color: #e54d26;
}

.fa-bold {
	color: #563d7c;
}

.fa-css3 {
	color: #2163af;
}

.fa-code, .fa-bold, .fa-css3 {
	font-size: 4em;
	margin: 1rem;
}

.fun {
	width: 100%;
	margin-bottom: 2rem;
}

.gif {
	max-width: 100%;
}

.social a {
	font-size: 4.5em;
	padding: 3rem;
}

.fa-facebook {
	color: #3b5998;
}

.fa-twitter {
	color: #00aced;
}

.fa-google-plus-g {
	color: #dd4b39;
}

.fa-instagram {
	color: #517fa4;
}

.fa-youtube {
	color: #bb0000;
}

.fa-facebook:hover, .fa-twitter:hover, .fa-google-plus-g:hover, .fa-instagram:hover, .fa-youtube:hover {
	color: #d5d5d5;
}

footer {
	background-image: url("../images/background/bg_white_leather.png");
    background-repeat: repeat;
	color: #222;
	padding-top: 2rem;
}

hr.light {
	border-top: 1px solid #d5d5d5;
	width: 75%;
	margin-top: 0.8rem;
	margin-bottom: 1rem;
}

footer a {
	color: #d5d5d5;
}

hr.light-100 {
	border-top: 1px solid #d5d5d5;
	width: 100%;
	margin-top: 0.8rem;
	margin-bottom: 1rem;
}

img.medaille {
	max-width: 50%;
}

img.medailleFront {
	max-width: 50%;
}

img.halfSize {
	max-width: 50%;
	height: auto;
}

.no-padding .col-md-6 {
	padding: 0;
}

.card-header {
	background-image: url("../images/background/bg_brillant.png");
    background-repeat: repeat;
}

.card-body {
	background-image: url("../images/background/bg_brillant.png");
    background-repeat: repeat;
}


.faqPage a {
	color: #222;
}

.feedback_bg {
	background-image: url("../images/background/bg_blurrybrown.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

.formPadding {
	padding-left: 100px;
}

 .map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}


.deleteEntry a {
	color: #FF0004 !important;
}

.padding2 {
	padding-left: 5%;
}

.kontaktBG {
	background-image: url("../images/background/bg_retina_wood.png");
}

input[type=text], select, textarea {
	border: 1px solid #ccc; 
    border-radius: 4px; 
	box-sizing: border-box !important;
	resize: vertical !important;
	position: relative;
	max-width: 98%;
}

tr, th {
	position: relative;
	max-width: 98%;
}




.totop {
	background: #b4b4b4;
	bottom: 50px;
	border-radius: 4px;
	color: #000;
	display: none; 	
	font-family: 'Frank Ruhl Libre', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: 1.1em;
	position: fixed;
	right: 10px;
	padding: 10px;
}

.totop:link {
	background: #b4b4b4;
	color: #000;
}

.totop:visited {
	background: #b4b4b4;
	color: #000;
}

.totop:hover {
	background: #d5d5d5;
	color: #000;
}

.totop:active {
	background: #d5d5d5;
	color: #000;
}

.col-centered{
    float: none !important;
    margin: 0 auto;
}


* {
   min-height: 0.01px;
}

.iefix {
	
}


/*--Gallery--*/

.main_view{
    width: 50%;
   /* height: 25rem;*/
    height: 100%;
}
.main_view img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.side_view{
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
}
.side_view img{
    width: 9rem;
    height: 7rem;
    object-fit: contain;
    cursor: pointer;
    margin-right:0.5rem;
}


/*---Media Queries --*/
@media (max-width: 992px) {
	.social a {
	font-size: 4em;
	padding: 2rem;
	}
	.formPadding {
		padding-left: 2rem;
	}
  }
@media (max-width: 768px) {
  .carousel-caption {
	top: 45%;
	}

	.carousel-caption h1 {
		font-size: 350%;
	}

	.carousel-caption h3 {
		font-size: 140%;
		font-weight: 400;
		padding-bottom: 0.2rem;
	}
	.carousel-caption .btn {
		font-size: 95%;
		padding: 8px 14px;
	}
	.display-4 {
		font-size: 200%; 
	}
	.social a {
		font-size: 2.5em;
		padding: 1.2rem;
	}
	
	.formPadding {
		padding-left: 2rem;
	}
    
    
    /*--Gallery--*/

.main_view{
    width: 0%;
   /* height: 25rem;*/
    height: 0%;
}
.main_view img{
    width: 0%;
    height: 0%;
}
.side_view{
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
}
.side_view img{
    /*width: 14rem;
    height: 12rem;*/
    width: 100%;
    height: 100%;
    object-fit: contain;
    cursor: pointer;
    margin-right:0.5rem;
    margin-bottom:0.5rem;
}

    
}
@media (max-width: 576px) {
  	.carousel-caption {
		top: 40%;
	}

	.carousel-caption h1 {
		font-size: 250%;
	}

	.carousel-caption h3 {
		font-size: 110%;
	}
	.carousel-caption .btn {
		font-size: 90%;
		padding: 4px 8px;
	}
	.carousel-indicators {
		display: none;
	}
	.display-4 {
		font-size: 180%; 
	}
	.social a {
	font-size: 2em;
	padding: 0.7rem;
	}
    
       /*--Gallery--*/

.main_view{
    width: 0%;
   /* height: 25rem;*/
    height: 0%;
}
.main_view img{
    width: 0%;
    height: 0%;
}
.side_view{
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
}
.side_view img{
    /*width: 14rem;
    height: 12rem;*/
    width: 100%;
    height: 100%;
    object-fit: contain;
    cursor: pointer;
    margin-right:0.5rem;
    margin-bottom:0.5rem;
}
}






/*---Firefox Bug Fix --*/
.carousel-item {
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}

/*--- Bootstrap Padding Fix --*/
[class*="col-"] {
    padding: 1rem;
}