@charset "utf-8";
/* 
CSS Document der real-madrid.ch Web-Site
Setenlayout ohne Tabellen, Fix
Autor: Georg Frey
Letzte Aktualisierung: 13.12.09
 */

/* Kommentare in CSS sind sinnvoll und wichtig */

* {
	border-width: thin;
	padding: 0px;
	margin-top: 0px;

	
}
.artk2box img{
		max-width: 100%;
}
.BoxBildFix img{
	vertical-align: middle;
}

.BoxBildTitel img {
			max-width: 100%;
}

.LogoBox img{
			max-width: 100%;	
}

.VertCenter {
	vertical-align: middle;
}



/* Bilder einfügen mit automatischer maximaler Breite des DIV ! */
img, object, embed, video, iframe {
	max-width: 100%;
	height: auto;
}





/* IE 6 does not support max-width so default to width 100% */
/*.ie6 img {
	width:100%;
}*/



/*.textbild {
	float: right;
	width: 45%;
	margin: 0 0 1em 2em;
	padding: 0 0% 3% 5%;
	min width: 200px;
}*/

/* Selbergestrickter Selektor für Bild einfügen in Text*/
/*@media only screen and (max-width: 550px) {
.textbild {
	float:none;
	diplay:block;
	margin: 0 auto 2em;
	width: 90%;
	min-width: 300px;
}
}*/







/* Schriftgrösse für Explorer */
body {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 0.9em;
	line-height: 1.2em;
	background-image: url(../Graphik/body_bg.gif);
	background-repeat: repeat;
	text-align: left;
	margin: 0px;
	font-style: normal;
	font-weight: normal;
	/*color: #14285F;*/	
	/*letter-spacing: 0.1em;*/
	/*width: 960;*/
}
body strong {
	font-weight: bold;

}
body link {
	color: #0066FF;
}

/*
h3 {
	font-size: 1.2em;
	text-align: center;
	line-height: 1.2em;
	letter-spacing: 0.1em;
	color: #022C68;
	font-style: normal;
	font-weight: 600;
}

*/


body h1 {
	font-size: 1.3em;
	text-align: center;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	color: #022c68;
	text-transform: uppercase;
	font-style: normal;
	font-weight: bolder;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif, source-sans-pro;
	
}

body h2 {
	font-size: 1.3em;
	text-align: center;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	color: #022c68;
	font-weight: bolder;
}
	 
body h3 {
	font-size: 1.1em;
	text-align: center;
	line-height: 1.2em;
	letter-spacing: 0.1em;
	color: #022C68;
	font-style: normal;
	font-weight: bolder;
	margin-bottom: 3px;
}

body h4 {
	font-size: 1.0em;
	line-height: 1.2em;
	letter-spacing: 0.1em;
	color: #022C68;
	font-style: normal;
	font-weight: bolder;
	
}

a {
	color: #0033FF;
	text-decoration: none;
	font-weight: 600;
}



a:hover {
	text-decoration: none;

}



/* Schriftgrösse für die anderen Browser */
/*html>body {
    font-size: 0.75em;
}
*/


/*  Schrift Stiele ab hier */
/* Class Styles */

.Rot12Fett {
	color: #FF0000;
	font-weight: bold;
	line-height: normal;
}


.flexbox {
    display: flex;
    text-align: center;
    color: #000000;
    font-weight: bold;
    line-height: normal;
    margin-top: 10px;
    margin-bottom: 0px;
	
}

.flexboxElement {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 2%;
    margin-right: 2%;
} 

.centered {
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	clear: both;
	width: auto;
}
.left {
	text-align: center;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 5px 10px 5px 0px;
}
.right {
	text-align: left;
	float: right;
	margin-right: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 25%;
}


.bold {
	font-weight: bolder;
}





.Rot12 {
	color: #FF0000;
}
.Rot14Fett {
	color: #FF0000;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	}
	
.WichtigRot14FettBlink {
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: blink;
	color: #FF0000;
}

.Schwarz12 {

}
.Schwarz12Fett {
	font-weight: bold;
	line-height: 1.3pt;
	margin-bottom: 5px;
}
.Schwarz12Fettitalic {
	font-weight: bolder;
	font-style: italic;
	width: 40%;
	float: left;
}



.Schwarz14 {
    font-size: 1.2em;
}
.Schwarz14Fett {
	font-size: 1.2em;
	font-weight: bolder;
	/* [disabled]margin-bottom: 5px; */
	vertical-align: baseline;
}


.bodyText {
	color: #000000;
	/*text-align:left;*/
	color: #14285F;
	line-height: normal;
	letter-spacing: 0.1em;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 1.0em;
	font-style: normal;
	}
	
.Dunkelblau12Format{
	color: #14285f;
	line-height: normal;
	letter-spacing: 0.1em;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-style: normal;
	font-weight: 200;
	}
	
.Dunkelblau14FettFormat {
	color: #14285f;
	font-weight: 200;
	/*text-align: left;*/
	letter-spacing: .1em;
	line-height: normal;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 1.2em;
	font-style: normal;
	}	
	
.Dunkelblau16FettFormat {
	/*text-align: left;*/
	color: #14285f;
	font-weight: 200;
	letter-spacing: .1em;
	line-height: normal;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 1.3em;
	font-style: normal;
	}	
	
.Schwarz10Format {
	/*text-align: left;*/
	color: #000000;
	line-height: 1.2em;
	letter-spacing: .1em;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-style: normal;
	font-weight: 200;
	}
	
.Dunkelblau08 {
	/*text-align: left;*/
	color: #14285f;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 0.8em;
	font-style: normal;
	font-weight: 200;
	}
	
.highlightFett {
	font-weight: bolder;
	background: #FFFFCC;
	line-height: normal;
	letter-spacing: 0.1em;
	font-style: normal;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}

.highlight {
	background: #FFFFCC;
	line-height: normal;
	letter-spacing: 0.1em;
	font-weight: 200;
}
.strong {
	font-weight: bolder;
}
.Rot12Fett {
}

.iframeGF {
	width: 100%;
	height: 1100px;
	
}



.box1   {
	height: auto;
	width: 200px;
	background-color: #F7F9F9;
	border: thin solid #000000;
	left: 200px;
	top: 200px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-radius: 10px;
}

.Box2 {
	height: 155px;
	width: 200px;
	border: thin solid #003333;
	position: absolute;
	left: 193px;
	top: 569px;
}

.boxWichtig {
	background-color: #FEEDF2;
	padding: 5px;
	border: 1px solid #14285F;
	margin-bottom: 15px;
	margin-top: 10px;
	clear: both;
	max-width: 97%;
}

/* Ab hier neues Layout------------------------------------------- */



/*
#wrapper {
	background: none;
	/*width: 80%;
	width: 960px;
	margin: 0 auto; /* 0 für oben und unten, auto für links und rechts 
	text-align: left;
	line-height:1.0em;
}
*/

/* Ueberschriften auf der ganzen Seite*/

/*#wrapper h1 {
	font-size: 1.3em;
	text-align:center;
	color: #930649;
	letter-spacing: 0.1em;
    /*color: #14285f;
	
}

#wrapper h2 {
	font-size: 1.2em;
	text-align:center;
	/*color: #61610E;
	color: #4E009B;
	letter-spacing: 0.1em;
}

#wrapper h3 {
	font-size: 1.0em;
	text-align:center;
	color: #14285F;
	letter-spacing: 0.1em;
} */



#meta-information {
	width: 960px;
	background-color:  #EEEEEE;
	/*background-image: url(../Graphik/LogoVersuch1.gif);*/
	background-image:url(../Graphik/LogoVersuch1_Graphik_Bild1.gif);
	background-repeat: no-repeat;
	height: 94px;
	background-position: left bottom;

}
/*#wrapper #meta-information h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-weight: bold;
	color: #FF0000;
	background-image: url(../Graphik/LogoReal_Schrift.gif);
	background-repeat: no-repeat;
	line-height: normal;
	overflow: hidden;
	height: 65px;
	position: relative;
	left: 300px;
	top: 13px;
	width: 380px;
}

*/

#inhalt {
	float: left;
	width: 960px;
	background-color: #F7F9F9;
	margin-right: auto;
	margin-left: auto;
}

#navigation {
	width: 960px;
	height: 40px;
	padding-left: 0px;
	background-color: #EEEEEE;
	text-align: center;
	border-left: 0px solid #003366;
	border-right: 0px solid #003366;
	border-bottom: 1px solid #003366;
	border-top: 0px solid #003366;
	padding-top: 15px;
	margin-left: 0px;
}

#hauptinhalt {
	width: 560px;
	float: left;
	background-color: #F7F9F9;
	/*margin-left: 10px;*/
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 20px;
	/*background-color: #FFFFCC;*/
	position: relative;
	margin-right: auto;
	margin-left: auto;


}


/*#hauptinhalt h1 {
	font-size: 1.3em;
	color: #930649;
	letter-spacing: 0.1em;
    /*color: #14285f;
	
}

#hauptinhalt h2 {
	font-size: 1.2em;
	color: #61610E;
	letter-spacing: 0.1em;
}

#hauptinhalt h3 {
	font-size: 1.0em;
	color: #14285F;
	letter-spacing: 0.1em;

}*/


#hauptinhalt2 {
	width: 630px;
	float: left;
	background-color: #F7F9F9;
	/*margin-left: 10px;*/
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 20px;
	position: relative;

}

/* Dreispaltiges Layout mit Info und 2 gleichgrosse Spalten
14.12.09 G.Frey */

#hauptinhaltLinks {
	width: 410px;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	position: relative;
	/*font-weight: normal;*/
}

#hauptinhaltRechts {
    width: 410px;
	float: right;
    padding-left: 5px;
	padding-right: 5px;
	position: relative;
}

/* Ende des 2 gleichgrossen Spalten-Layouts*/




#hinweise {
	float: right;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 20px;
	background-color: #FFFFCC;
	position: relative;
	width: 260px;
	}

#hinweise2 {
	float: right;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 20px;
	background-color: #FFFFCC;
	position: relative;
	width: 300px;
	}



/*#hinweise h1 {
	font-size: 1.3em;
	color: #930649;
	letter-spacing: 0.1em;
    /*color: #14285f;
	
}


#hinweise h2 {
	font-size: 1.2em;
	color: #61610E;
	letter-spacing: 0.1em;
}




#hinweise h3 {
	font-size: 1.0em;
	color: #14285F;
	letter-spacing: 0.1em;

} */






#notizen {
	width: 100px;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 20px;
	background-color: #EEEEEE;
	border: 0px none 0;
	position: relative;
	margin-right: 0px;
}
	


#randinformation {
	clear: both;
	width: 960px;
	background-color:#C0D4E8;
    
}



#wrapper #inhalt #hauptinhalt #table1 {
	background-color: #F0E8FB;

}
 
#wrapper #inhalt #hauptinhalt #Table2 {
	background-color: #EEF2F2;
}



#wrapper #inhalt #hauptinhalt table {
    text-align: left;
	line-height: 1.4em;
	background-color: #FFFFFF;
	float:none;
	
}

/*#wrapper #inhalt #hauptinhalt #TabbedPanels1 .TabbedPanelsContentGroup .TabbedPanelsContent TabbedPanelsContentVisible table {
	font-family: Georgia, "Times New Roman", Times, serif;
} */

#wrapper #inhalt #hinweise #Wichtig {
	background-color: #FFCC66;
}


/* Layout für Gästebuch */

#hauptinhalt2spalten {
	width: 820px;
	float: left;
	background-color: #F7F9F9;
	/*margin-left: 10px;*/
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 20px;
	/*background-color: #FFFFCC;*/
	position: relative;
}
	
	/* ENDE Layout für Gästebuch */
	

	
#titeloben {
	width: 560px;
	background-image: url(../img/0218_Training_Levante.jpg);
	color: #FCFCFC;
	font-size: 2em;
	height: 200px;
}
.artikel1beliebig {
	background-color: #F9C2C3;
	margin: 10px;
	padding: 10px;
	width: 240px;
	position: static;
	float: left;
	height: auto;
	
}
.DivBox {
	background-color: #ACD3F4;
	width: 240px;
	height: 260px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	float: right;
}
#tabs-1 ul li {
}
.pressebox1 {
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 10px;
	width: 100%;
	height: auto;
	border-style: solid;
	border-width: 1px;
	border-radius: 0px;
	background-color: #F3F3F3;
	clear: both;
}
.pressebox1 ul li {
	list-style-type: none;
}
ul li a {

}
.pressebox1 ul {
	padding-left: 0px;
	margin-top: 0px;
	margin-left: 25px;
}
.pressebox1 ul li a {
	height: 22px;
	display: block;
	margin: 4px 0px;
	background-color: #435B9E;
	padding-left: 10px;
	text-decoration: none;
	color: #FFFFFF;
	padding-top: 3px;
	width: 185px;
}


.titel1box {
	margin: 5px auto;
	padding-top: 7px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	height: 22px;
	width: 90%;
	border: 1px solid #000000;
	font-size: 1.5em;
	text-align: center;
	font-weight: bolder;
	background-color: #D7D5D5;
	background-image: -webkit-linear-gradient(90deg,rgba(248,244,244,1.00) 0%,rgba(212,214,228,1.00) 12.95%,rgba(53,81,160,1.00) 100%);
	background-image: linear-gradient(0deg,rgba(248,244,244,1.00) 0%,rgba(212,214,228,1.00) 12.95%,rgba(53,81,160,1.00) 100%);
	color: #FFFFFF;
}
.pressebox1 ul li a:hover {
	background-color: #858BAD;
}
.Infobox1Left {
	background-color: #F3F3F3;
	padding: 5px;
	width: 190px;
	border: 1px solid #000000;
	margin-bottom: 10px;
	float: right;
}
.Infobox1Right {
	background-color: #FFFFFF;
	margin-top: 5px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 5px;
	padding: 5px;
	border: 1px solid #000000;
	position: static;
	float: right;
}
.rightMarginOben {
	margin-top: 50px;
	float: right;
}
.ArtikelRechts {
	float: right;
	margin: 10px 0px 10px 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
}
.highlight {


}
.img {
	-webkit-box-shadow: 5px 5px 5px 0px #797979;
	box-shadow: 5px 5px 5px 0px #797979;
	margin-bottom: 5px;
}
#refresh {
}
.artikelbox {
}
.artikeltitel {
    margin-bottom: 8px;
    font-weight: bold;
}
.artikelinhalt {
    margin-bottom: 5px;
    max-width: 100%;
    text-decoration: none;
}
.einzug {
    margin-left: 15%;
    margin-right: 15%;
}


.artikellink {
	margin-bottom: 10px;
	width: auto;

}
.artikelboxrm {
}
.artk2box {
    margin-bottom: 10px;
    background-color: #FFFFFF;
    margin-top: 10px;
    max-width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    border-left: thin solid #9D9D9D;
    border-right: thin solid #9D9D9D;
    border-bottom: thin solid #9D9D9D;
    border-top: thick solid #9D9D9D;
    text-align: left;
    border-radius: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
    font-size: medium;
    line-height: 1.3em;
}
.artikelvortitel {
    margin-bottom: 5px;
    font-style: italic;
    font-weight: bold;
    font-size: medium;
    text-transform: uppercase;
}
.artikelDatum {
	margin-bottom: 5px;
}
.artikelbold {
	font-weight: bolder;
	margin-bottom: 0px;
	padding-bottom: 5px;
}
.pressebox2 {
}
#inhalt #hauptinhalt p {
}
.artikeldiv {
	border: thin solid #AEAEAE;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	width: 98%;
	max-width: 98%;
	background-color: #FFFFFF;
}
.ClearDiv {
	clear: both;
	width: 0px;
}
.H2clearboth {
	clear: both;
}
.ArtikelHintergrund {
	background-color: #C7C7C7;
	background-image: -webkit-linear-gradient(270deg,rgba(243,241,241,1.00) 41.96%,rgba(224,224,224,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(243,241,241,1.00) 41.96%,rgba(224,224,224,1.00) 100%);
}
#inhalt #notizen {
}
#inhalt #notizen {
}
.MaxWwidth {
	max-width: 100%;
	margin-right: auto;
}
#Tab1 {
}
.LivetickerboxTitel {
	margin-top: 0px;
	margin-bottom: 5px;
}
.LivetickerboxLink {
	margin-bottom: 2px;
}
.artikelbox1 {
	border: thin solid #9D9D9D;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
	width: 98%;
	max-width: 98%;
	border-radius: 5px;

}
.row.thumbnails1 {
	width: 98%;
	max-width: 98%;
	margin-left: 10px;
}

.titeldiv {
	font-size: 25px;
	text-transform: uppercase;
	font-weight: 600;
	text-align: center;
	margin-bottom: 30px;
	color: #E15457;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
}

#HeaderRespons {
	background-color: #385998;
	
}







/* Ab hier neue Bild & Text Boxen nach Muster von Georgfrey.ch*/

.rowreal {
	margin-left: auto;
	margin-right: auto;
	min-width: 100%;
}

.rowreal a:hover, a:focus{
	color: #6fc0f4;
}



.rowreal h1 {
	font-size: 57px;
	text-transform: uppercase;
	font-weight: 200;
	margin-bottom: 60px;
	color: #FFFFFF;
}

.rowreal h2 {
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 200;
	margin-bottom: 23px;
	color: #FFFFFF;
	}

.rowreal h3 {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 200;
	margin-bottom: 120px;
	color: #FFFFFF;
	}

.rowreal h4 {
	font-size: 16px;
	font-weight: 200;
	margin-bottom: 35px;
	color: #FFFFFF;
	}

.rowreal p {
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 35px;
	color: #FFFFFF;
}

.colreal h2 {
	font-size: 27px;
}

.button {
	border: 2px #FFFFFF solid;
	padding: 8px 30px;
	border-radius: 30px;
	color: #FFFFFF;
	text-decoration: none;
}	


.rowreal:before, .rowreal:after {
	content: "";
	display: table;
}

.rowreal:after {
	clear:both;
}

.colreal {
	width: 100%;
}




.info-box-tan {
	background-color: #b9a88e;
	color: #FFFFFF;
	padding: 30px 20px 60px;
	text-align: center;
	background-image: url(../img/2017-08-08-Jubel-Supercup-UEFA.jpg);
	background-size: auto auto;
	background-repeat: no-repeat;
}







.info-box-dark {
	background-color: #2D2D35;
	color: #FFFFFF;
	padding: 30px 20px 60px;
	text-align: center;
}




.button {
	border: 2px #FFFFFF solid;
	padding: 8px 30px;
	border-radius: 30px;
	color: #FFFFFF;
	text-decoration: none;
}

.button a:hover a:focus {
	color: #F3090D;
}

.button2 {
	border: 2px #000000 solid;
	padding-top: 2px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 2px;
	border-radius: 30px;
	color: #676666;
	text-decoration: none;
}

.linkbox {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	
}

.rowseitentitel {
	font-size: 25px;
	font-weight: bold;
	color: #E15457;
	margin-right: 5px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 25%;
}
.rowseitentitelLinie {
	float: left;
	height: 30px;
	width: 10%;
	background-size: contain;
	background-repeat: no-repeat;
	padding-left: 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../img/Fix-Linie-Seite-Titel-Dunkelgrau.gif);
	background-position: 0% 15px;
}

.rowseitentitelSchrift {
	float: left;
	height: 30px;
	text-align: center;
	padding-left: 1%;
	padding-right: 1%;
	width: 40%;
	padding-top: 5px;
	padding-bottom: 5px;
		
}

/* Clearen nach Element mit Flow ! Die PresseboxRaster1 wurde clearfix Classe versehen
Man kann auch dem DIV eine ID geben und eine Classe mit diesem Namen zum cleren verwenden
Siehe unten
Noch einfacher dem DIV eine Classe machen mit dem Namen des DIV zB (.PresseboxRaster1::after) siehe unten */

.clearfix:after {
    content: "";
    clear: both;
    display: table;
}

#PresseboxRaster1:after {
	content: "";
    clear: both;
    display: table;
}

.PresseboxRaster1:after {
	content: "";
    clear: both;
    display: table;
}

/* Ende der Cleardiv für die PresseboxRaster1*/

/* Beginn---Seitenüberschrift zum clearen des DIVs after*/
.rowseitentitel:after{
	content: "";
    clear: both;
    display: table;	
}
ArtikelBoxCenter {
	margin-left: auto;
	margin-right: auto;
	max-width: 80%;

}

/* Ende ---Seitenüberschrift zum clearen des DIVs after*/


/* Ab hier die Classen für Tablets und Smartphones*/

/*Tablet view*/
@media (min-width: 768px){	
	.col-md-one-half {
		width: 50%;
	}

	.colreal {
	float: left;
	padding: 0px 7px 14px;
	/* [disabled]background-color: #6363B1; */
	}
	
.rowseitentitel {
	margin-left: 5px;
}
	
.rowseitentitelLinie {
	
	width: 33%;
	background-position: 0% 5px;
}
	
.rowseitentitelSchrift {
	padding-left: 1%;
	padding-right: 1%;
	width: 33%;
		
}
	
}

/*Tesktop view*/
@media (min-width: 1024px){	
	.col-lg-one-forth {
		width: 25%;
	}
	
.rowseitentitelLinie {
	width: 36%;
	background-position: 0% 1px;
}
	
.rowseitentitel {
	margin-left: 10px;
}
	
.rowseitentitelSchrift {
	padding-left: 1%;
	padding-right: 1%;
	width: 27%;
		
}
	

}

/* Ende der Classen für Tablets und Smartphones*/


/* ENDE neue Bild & Text Boxen nach Muster von Georgfrey.ch*/


.versuchphp {
	width: 100%;
	height: 500px;
	background-color: #ffffff;
	
}

@media (max-width: 481px){
	.flexbox {
			flex-direction: column;

	}
}
.bolder {
}