@charset "utf-8";
@import url("../webfonts/LTe50920/stylesheet.css");
@import url("../webfonts/LTe50922/stylesheet.css");
@import url("../webfonts/Asap_54322/stylesheet.css");
@import url("../webfonts/HypatiaSansPro_Bold/stylesheet.css");
@import url("../webfonts/HypatiaSansPro_Black/stylesheet.css");
@import url("../webfonts/HypatiaSansPro_Regular/stylesheet.css");

/* Define custom classes */ 
        .center { 
            text-align: center; 
        } 
  
        .left {
    text-align: left;
    padding-left: 10px;
        } 
  
        .right { 
            text-align: right;
			padding-left: 15px;
        } 
  
        .justify { 
            text-align: justify; 
        } 
  
        /* Apply custom classes to table elements */ 
        table { 
            border-collapse: collapse; 
            width: auto;
        } 
.table-center {
	margin-left: auto;
  margin-right: auto;
}
        th, 
        td { 
            padding: 0px; 
            text-align: left; 
            border: none;
        } 
  
        th { 
            background-color: #4CAF50; 
            color: white; 
        } 
  
        td.center { 
            text-align: center; 
        } 
  
        td.right { 
            text-align: right;
        } 
  
        td.justify { 
            font-weight: justify; 
        } 

.img-card{
  transition: .2s;
}

.img-card:hover {
	transform: scale(1.05);
}

a {
color: #6d6d6d;
transition: all 0.3s linear;
}
a:hover, a:focus {
color: #0e0f10;
}

a:link { 
  text-decoration: none; 
} 
a:visited { 
  text-decoration: none; 
} 
a:hover { 
  text-decoration: none; 
} 
a:active { 
  text-decoration: none; 
}
.band-hero {
    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(180,180,180,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(180,180,180,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(180,180,180,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(180,180,180,1.00) 100%);
}
.text-padding-60 {
    padding-left: 60px;
    padding-right: 60px;
}
.text-padding-80 {
    padding-left: 80px;
    padding-right: 80px;
}


.band-middle {
    padding-top: 100px;
    padding-bottom: 100px;
}
.text-light-gray {
    color: #DDDDDD;
    text-shadow: 0 0px 0 #7C7C7C;
}
.text-medium-gray {
    color: #676767;
}
body {
    background-color: #F8F9FA;
}
.navbar-padding {
    padding-top: 20px;
}
.navbar-text-padding {
    margin-top: 20px;
}

.img-op-02 {
    opacity: .25;
}
.font-size-00 {
    font-size: 12px;
}

.font-size-01 {
    font-size: 14px;
}

.font-size-02 {
    font-size: 32px;
    max-height: auto;
    min-height: auto;
    font-weight: 300;
}
.font-size-03 {
    font-size: 48px;
    max-height: auto;
    min-height: auto;
    font-weight: 300;
}

.font-size-04 {
  font-size: 16px;
}

td.container > div {
    width: 100%;
    height: 100%;
    overflow:hidden;
}
td.container {
    height: 20px;
	
}.img-height {
    max-height: 96%;
	
}
.img-scale {
	 width: 160px;
}
.font-garamond {
    font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
    font-size: large;
}
.font-helvetica-LT47 {
    font-family: "LTe50920";
    font-size: x-large;
}
.font-helvetica-LT67 {
    font-family: "LTe50922";
    letter-spacing: 1px;
    font-weight: 300;
}
.font-hypathia {
    font-family: "HypatiaSansPro Bold";
    font-weight: normal;
    color: #5D6770;
}
.font-hypathia-regular {
    font-family: "HypatiaSansPro Regular";
    font-weight: normal;
    color: #5D6770;
    font-size: large;
}


.bg-medium {
    background-color: #F0F4FA;
}

.container-padding-side {
    padding-left: 20px;
    padding-right: 20px;
}

.paypal-container {
    
    justify-content: center; /* Horizontale Zentrierung */
    align-items: center;    /* Vertikale Zentrierung */
    height: 100vh;          /* Beispiel: Zentrierung über die gesamte Höhe des Viewports */
}


hr {
  border: none;
  height: 1px;
  /* Set the hr color */
  color: #D2D2D2;  /* old IE */
  background-color: #D2D2D2;  /* Modern Browsers */
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.text-left{
	padding-top: 80px;
	padding-left: 30px;
}
.navbar-brand:hover {
	opacity: 80%;
	transition: opacity 0.5s;
}

.nav-item a {
	transition: all 0.3s ease 0s;
}

.nav-item a:hover {
	color: #1b2025;
    font-weight: 600;
}

.flex-group {
}

h1 {
    font-size: 32px;
}

.h1-font-size-small {
    font-size: 28px;
}

.h5-padding {
    padding-top: 20px;
}





@media (max-width:600px){
	.contact-input{
		width: 80vw;
	}
	.contact-right{
		display: none;
	}
}




.container {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea, #contact button[type="submit"] { font:400 12px/16px "Open Sans", Helvetica, Arial, sans-serif; }

#contact {
  background:#F9F9F9;
  padding:10px;
  margin:20px 0;
}

#contact h3 {
  color: #F96;
  display: block;
  font-size: 30px;
  font-weight: 400;
}

#contact h4 {
  margin:5px 0 15px;
  display:block;
  font-size:13px;
}

fieldset {
  border: medium none !important;
  margin: 0 0 10px;
  min-width: 100%;
  padding: 0;
  width: 100%;
}

#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea {
  width:100%;
  border:1px solid #CCC;
  background:#FFF;
  margin:0 0 5px;
  padding:10px;
  border-radius: 10px;	
}

#contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact input[type="url"]:hover, #contact textarea:hover {
  -webkit-transition:border-color 0.3s ease-in-out;
  -moz-transition:border-color 0.3s ease-in-out;
  transition:border-color 0.3s ease-in-out;
  border:1px solid #AAA;	
}


#contact textarea {
  height:100px;
  max-width:100%;
  resize:none;
  border-radius: 10px;
}
.thick {
	width: 200px;
	height: 2px;
}


#contact button[type="submit"] {
  cursor:pointer;
  width:20%;
  border:none;
  background:#0CF;
  color:#FFF;
  margin:0 0 5px;
  padding:10px;
  font-size:15px;
  border-radius: 10px;
}

#contact button[type="submit"]:hover {
  background:#09C;
  -webkit-transition:background 0.3s ease-in-out;
  -moz-transition:background 0.3s ease-in-out;
  transition:background-color 0.3s ease-in-out;
}
#btn-light-2 {
    background-color: #CBC9C9;
}


#contact button[type="submit"]:active { box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); }

#contact input:focus, #contact textarea:focus {
  outline:0;
  border:1px solid #999;
}
::-webkit-input-placeholder {
 color:#888;
}
:-moz-placeholder {
 color:#888;
}
::-moz-placeholder {
 color:#888;
}
:-ms-input-placeholder {
 color:#888;
}
