*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

body { background: #fdfae8; margin: 0; font-size: 16px; color: #63565a; font-family: 'Assistant', sans-serif; Tahoma, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 23px; }
.container { position: relative; text-align: left; }
.columnsContainer { position: relative; margin: 0.5em; }
 .footer { position: relative; margin: 0em; text-align: left; color: #ffffff; font-size: 16px; } 
 .header { position: relative; height: 70px; margin: .5em; text-align: left; } 
.logo { position: relative; margin-top: -3em; text-align: right; } 
.line { color: #ffffff; border-bottom: 0px solid  #ccc; height: auto; background: #2f68c2; margin: 0.0em;}
.line2 { color: #ffffff; border-bottom: 0px solid  #ccc; height: auto; background: #2f68c2; margin: 0.0em;}
.rightColumn, header {  border: 0px solid  #ccc; padding-top: 3em; }
.leftColumn { border: 0px solid  #ccc; padding-top: .0em; }
.rightColumn {  border: 0px solid  #ccc; padding: 0.0em; }  
.rightColumn2 {  border: 0px solid  #ccc; padding-top: 3em; }

.nav { list-style: none; padding-top: 0.25em; padding-bottom: 0.25em; margin-left: 0.5em; margin-bottom: 0; padding-left: 0; font-weight: bold; font-size: 1em; }
.nav > li,
.nav > li > a {
  display: inline-block;
  *display: inline;
  zoom: 1;
}

.inline-items {
  margin-top: 0;
}

.inline-items li {
  margin-left: 0;
  border-left: 1px solid black;
  padding-left: 10px;
  padding-right: 10px;
}

.inline-items li:first-child {
  margin-left: 0;
  border: none;
  padding-left: 0;
  padding-right: 10px;
}

.inline-items li:last-child {
  padding-right: 0;
}

.parallax-window {
    min-height: 400px;
    background: transparent;
    background-position: center; 
}
.parallax-window-small {
    min-height: 180px;
    background: transparent;
    background-position: center; 
}  

.parallax-window-small2 {
    min-height: 150x;
    background: transparent;
    background-position: center; 
}   


/* MEDIA QUERIES STANDARD */
@media screen and (min-width: 60.5em ) {
  .container { width: 940px; position: relative; text-align: left; }
  .leftColumn { margin-right: 19.1em; padding-bottom; 1.5em;  }  
	.rightColumn { position: absolute; top: 0; right: 0; width: 17.75em; }
	.rightColumn2 { position: absolute; top: 0; right: 0; width: 22.75em; }
    
.parallax-window {
    min-height: 400px;
    background: transparent;
    background-position: center; 
}
.parallax-window-small {
    min-height: 300px;
    background: transparent;
    background-position: center; 
}  

.parallax-window-small2 {
    min-height: 200x;
    background: transparent;
    background-position: center; 
}       
          
}

/* MEDIA QUERIES BIG SIZE */
@media screen and (min-width: 75.0em ) {
  .container { width: 1165px; position: relative; text-align: left; }
  .leftColumn { margin-right: 19.1em; padding-bottom; 1.5em;  }  
	.rightColumn { position: absolute; top: 0; right: 0; width: 17.75em; }
	.rightColumn2 { position: absolute; top: 0; right: 0; width: 22.75em; }    
}

/* MEDIA QUERIES BIGGER SIZE */
@media screen and (min-width: 90.0em ) {
  .container { width: 1300px; position: relative; text-align: left; }
  .leftColumn { margin-right: 19.1em; padding-bottom; 1.5em;  }  
	.rightColumn { position: absolute; top: 0; right: 0; width: 17.75em; }
	.rightColumn2 { position: absolute; top: 0; right: 0; width: 22.75em; }    
}

/* MEDIA QUERIES BIGGEST SIZE */
@media screen and (min-width: 100.0em ) {
  .container { width: 1450px; position: relative; text-align: left; }
  .leftColumn { margin-right: 19.1em; padding-bottom; 1.5em;  }  
	.rightColumn { position: absolute; top: 0; right: 0; width: 17.75em; }
	.rightColumn2 { position: absolute; top: 0; right: 0; width: 22.75em; }    
}




/* STYLE FORMATIERUNG */
.headline_xxl { font-size: 24px; font-weight: bold; color: #aca0a3; }
h1 { font-size: 34px; border-bottom: 1px solid #372d6a; padding-bottom: 15px; font-weight: normal; color: #372d6a; line-height: 36px; margin-top: 0.0em;  }
h3 { font-size: 20px; border-bottom: 1px solid #372d6a; padding-bottom: 10px; font-weight: bold; color: #372d6a; line-height: auto; margin-top: 0.25em;  }
h2,h4,h5,h6 { font-size: 20px; border-bottom: 1px solid #372d6a; padding-bottom: 10px; font-weight: bold; color: #372d6a; line-height: auto; margin-top: 0.25em;  }

a:link { color: #595962; text-decoration: underline; }
a:visited { color: #595962; text-decoration: underline; }
a:hover { color: #6c6d75; text-decoration: none; }
a:active { color: #595962; text-decoration: underline; }

.white { color: #e9edf9; text-decoration: none; font-size: 14px;  }
a.white:link { color: #e9edf9; text-decoration: underline; font-size: 14px; }
a.white:visited { color: #e9edf9; text-decoration: underline; font-size: 14px; }
a.white:hover { color: #e9edf9; text-decoration: none; font-size: 14px; }
a.white:active { color: #e9edf9; text-decoration: underline; font-size: 14px; }

.border {  border: 1px solid  #e2d6d9; padding: 0.50em; margin-bottom: -0.25em; }
.border0 {  border: 1px solid  #e2d6d9; background: #3a2a45; }

.border1 { 
    transition: transform 0.3s ease-in-out; /* sanfte Animation */
    font-size: 16px;
    line-height: 18px;
    border: 1px solid #f2f3f5;
    padding: 1.00em;
    margin-bottom: -0.25em; 
    background-image: url(/img/brainsquad-wallpaper0.jpg);
    background-color: #e2dec7;    
    background-attachment: auto;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover; /* Deckt Container ab, ohne zu überlaufen */
    color: #444444;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    display: block; 
    overflow: hidden;
} 

.border1:hover {
    transform: scale(1.02); /* Leichte Vergrößerung beim Hover */
}


.border2 { 
    transition: transform 0.3s ease-in-out; /* sanfte Animation */
    font-size: 16px;
    line-height: 18px;
    border: 1px solid #ddd;
    padding: 1.00em;
    margin-bottom: -0.25em; 
    background-image: url(/img/brainsquad-wallpaper0.jpg);
    background-color: #ffffff;    
    background-attachment: auto;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover; /* Deckt Container ab, ohne zu überlaufen */
    color: #444444;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    display: block; 
    overflow: hidden;
} 

.border2:hover {
    transform: scale(1.02); /* Leichte Vergrößerung beim Hover */
}


.aktionslink:link {
    text-decoration: none;
	-moz-box-shadow:inset 0px 0px 17px 13px #372d6a;
	-webkit-box-shadow:inset 0px 0px 17px 13px #372d6a;
	box-shadow:inset 0px 0px 17px 13px #372d6a;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #94eeec), color-stop(1, #372d6a));
	background:-moz-linear-gradient(top, #94eeec 5%, #372d6a 100%);
	background:-webkit-linear-gradient(top, #94eeec 5%, #372d6a 100%);
	background:-o-linear-gradient(top, #94eeec 5%, #372d6a 100%);
	background:-ms-linear-gradient(top, #94eeec 5%, #372d6a 100%);
	background:linear-gradient(to bottom, #94eeec 5%, #372d6a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#94eeec', endColorstr='#372d6a',GradientType=0);
	background-color:#94eeec;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	border:1px solid #94eeec;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	padding:16px 30px;
	text-decoration:none;
	-webkit-transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out, text-shadow 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out, text-shadow 0.3s ease-in-out;
	transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out, text-shadow 0.3s ease-in-out;
}

.aktionslink:hover {
    color: #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff0000), color-stop(1, #cc0000));
	background:-moz-linear-gradient(top, #ff0000 5%, #cc0000 100%);
	background:-webkit-linear-gradient(top, #ff0000 5%, #cc0000 100%);
	background:-o-linear-gradient(top, #ff0000 5%, #cc0000 100%);
	background:-ms-linear-gradient(top, #ff0000 5%, #cc0000 100%);
	background:linear-gradient(to bottom, #ff0000 5%, #cc0000 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#cc0000', GradientType=0);    
	background-color:#ff0000;

    /* Weißer Glow-Effekt */
    text-shadow: 0 0 5px #ffffff, 0 0 10px #ffffff, 0 0 15px #ffffff;
    box-shadow: 0 0 10px #ffffff, 0 0 20px #ffffff, 0 0 30px #ffffff;
}

.aktionslink:visited {
    color: #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffcc66), color-stop(1, #ff9966));
	background:-moz-linear-gradient(top, #ffcc66 5%, #ff9966 100%);
	background:-webkit-linear-gradient(top, #ffcc66 5%, #ff9966 100%);
	background:-o-linear-gradient(top, #ffcc66 5%, #ff9966 100%);
	background:-ms-linear-gradient(top, #ffcc66 5%, #ff9966 100%);
	background:linear-gradient(to bottom, #ffcc66 5%, #ff9966 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc66', endColorstr='#ff9966', GradientType=0);
	background-color:#ffcc66;
}

.aktionslink:active {
	position:relative;
	top:1px;
    text-decoration: none;
}


.img-zoom {
    transition: transform 0.3s ease-in-out; /* Sorgt für eine sanfte Animation */ 
}
.img-zoom:hover {
    transform: scale(1.05); /* Vergrößert das Bild um 5% */
}  

.img-left {
    padding-right: 10px; 
}

.img-right {
    padding-left: 10px; 
}

.img-container {
    overflow: hidden; /* Verhindert Ausbreiten des Bildes über Container */
    display: inline-block; /* Behält die Dimensionen des Bildes bei */
    line-height: 0; /* Entfernt zusätzlichen Abstand bei Inline-Block */
}

.img-container img {
    display: block; /* Entfernt zusätzlichen Abstand unter dem Bild */
    transition: transform 0.3s ease-in-out;
    transform-origin: center center; /* Zentriert den Zoom */
}

.img-container img:hover {
    transform: scale(1.05);
}