@charset "utf-8";
@font-face                          {font-family: 'YouRookMarbelous'; src: url('../Fonts/YouRookMarbelous.ttf') format('truetype');}
html                                {height: 100.1%; font-family: Verdana, sans-serif; font-size: 12px; color: white; line-height:135%;}
body                                {background-image: url(../images/Background.jpg); background-size: cover; background-attachment: fixed;}
h1                                  {font-family: YouRookMarbelous; color: red; font-weight: normal; font-size: 34px; padding-bottom: 0px;}
h2                                  {color: #FFD400; font-size:20px;}
h3                                  {color: #FFD400; font-size:16px;}
.wichtig                            {font-weight: bold; color: #e54934; font-size: 16px; text-shadow: #171717 2px 0px 0px, #171717 -2px 0px 0px, #171717 0px -2px 0px, #171717 0px 2px 0px, rgba(0, 0, 0, 0.976563) 1px 0px 10px;}
.unsichtbar                         {display: none;}
.Font_HEERnet                       {font-family: YouRookMarbelous; color: red; font-weight: normal;}
img.Links                           {border: 1px solid white;}
img.Links:hover                     {border: 1px solid yellow; border-radius: 2em;}
img.Links                           {transition: all ease 0.5s;}

div#container                       {width: 1025px; margin: auto}
div#banner                          {height: 243px; margin-top: 20px; margin-bottom: 20px}

.menu                            {background: rgba(45, 45, 45, 0.6); padding-top: 1px; padding-bottom: 1px; border: 0px; border-right: 1px solid black; border-left: 1px solid black; border-top: 1px solid black; border-radius: 2em 2em 0em 0em;}
.menu ul                         {}
.menu li                         {display: inline; margin: 5px;}
.menu a                          {color: #FFD400; font-size: 15px; font-style: normal; font-weight: bold; margin: 10px; padding: 0px; border: 2px solid transparent;}
.menu a:focus,
.menu .active a,
.menu a:hover                    {display: inline; margin: 0px; padding: 10px; border: 2px solid #FFD400; border-radius: 5px; color: white; transition: all ease 0.5s;}
.menu .active a                  {color: red;}
.inhalt                          {background: rgba(45, 45, 45, 0.6); padding: 0px 40px 10px 40px; border-top: 2px solid #FFD400; border-bottom: 2px solid yellow; border-right: 1px solid black; border-left: 1px solid black;}
.unten                           {background: rgba(45, 45, 45, 0.6); padding-top: 1px; padding-bottom: 1px; border-top: 0px solid yellow; border-right: 1px solid black; border-left: 1px solid black; border-bottom: 1px solid black; border-radius: 0em 0em 2em 2em; text-align: center;}


div#Hauptseite                      {display: grid; grid-template-columns: repeat(3, 1fr);}
div#Titel_Hauptseite                {grid-column: 1 / 4; grid-row: 1 / auto; border-bottom: 3px solid red;}
div#Zeile_1_Hauptseite              {grid-column: 1 / 4; grid-row: 2 / auto;}
div#Zeile_2_links_Hauptseite        {grid-column: 1 / 2; grid-row: 3 / auto; margin: 0px 20px 0px 0px; max-width: 300px;}
div#Zeile_2_rechts_Hauptseite       {grid-column: 2 / 4; grid-row: 3 / auto; margin: 0px 0px 0px 20px;}
div#Zeile_3_links_Hauptseite        {grid-column: 1 / 2; grid-row: 4 / auto; margin: 0px 12px 0px 0px;}
div#Zeile_3_mitte_Hauptseite        {grid-column: 2 / 3; grid-row: 4 / auto; margin: 0px 8px 0px 8px;}
div#Zeile_3_rechts_Hauptseite       {grid-column: 3 / 4; grid-row: 4 / auto; margin: 0px 0px 0px 12px;}

div#Problembehebung                 {display: grid; grid-template-columns: repeat(3, 1fr);}
div#Titel_Problembehebung           {grid-column: 1 / 4; grid-row: 1 / auto; border-bottom: 3px solid red;}
div#Zeile_1_links_Problembehebung   {grid-column: 1 / 3; grid-row: 2 / auto; margin: 0px 20px 0px 0px;}
div#Zeile_1_rechts_Problembehebung  {grid-column: 3 / 4; grid-row: 2 / auto; margin: 0px 0px 0px 20px; max-width: 300px;}
div#Zeile_2_links_Problembehebung   {grid-column: 1 / 2; grid-row: 3 / auto; margin: 0px 12px 0px 0px;}
div#Zeile_2_mitte_Problembehebung   {grid-column: 2 / 3; grid-row: 3 / auto; margin: 0px 8px 0px 8px;}
div#Zeile_2_rechts_Problembehebung  {grid-column: 3 / 4; grid-row: 3 / auto; margin: 0px 0px 0px 12px;}
div#Zeile_3_links_Problembehebung   {grid-column: 1 / 2; grid-row: 4 / auto; margin: 0px 12px 0px 0px;}
div#Zeile_3_mitte_Problembehebung   {grid-column: 2 / 3; grid-row: 4 / auto; margin: 0px 8px 0px 8px;}
div#Zeile_3_rechts_Problembehebung  {grid-column: 3 / 4; grid-row: 4 / auto; margin: 0px 0px 0px 12px;}

div#Dienstleistungen                {display: grid; grid-template-columns: repeat(3, 1fr);}
div#Titel_Dienstleistungen          {grid-column: 1 / 4; grid-row: 1 / auto; border-bottom: 3px solid red;}
div#Zeile_1_links_Dienstleistungen  {grid-column: 1 / 3; grid-row: 2 / auto; margin: 0px 30px 0px 0px;}
div#Zeile_1_rechts_Dienstleistungen {grid-column: 3 / 4; grid-row: 2 / 5; margin: 40px 0px 0px 0px; max-width: 300px;}
div#Zeile_2_links_Dienstleistungen  {grid-column: 1 / 3; grid-row: 3 / auto; margin: 0px 30px 0px 0px;}
div#Zeile_3_links_Dienstleistungen  {grid-column: 1 / 3; grid-row: 4 / auto; margin: 0px 30px 0px 0px;}
div#Zeile_4_Dienstleistungen        {grid-column: 1 / 4; grid-row: 5 / auto;}
div#Zeile_5_Dienstleistungen        {grid-column: 1 / 4; grid-row: 6 / auto;}
div#Zeile_6_Dienstleistungen        {grid-column: 1 / 4; grid-row: 7 / auto;}
div#Zeile_7_Dienstleistungen        {grid-column: 1 / 4; grid-row: 8 / auto;}

div#PC_Service_Abo                  {display: grid; grid-template-columns: repeat(3, 1fr);}
div#Titel_PC_Service_Abo            {grid-column: 1 / 4; grid-row: 1 / auto; border-bottom: 3px solid red;}
div#Zeile_1_links_PC_Service_Abo    {grid-column: 1 / 3; grid-row: 2 / auto; margin: 0px 30px 0px 0px;}
div#Zeile_1_rechts_PC_Service_Abo   {grid-column: 3 / 4; grid-row: 2 / 4; margin: 40px 0px 0px 0px;}
div#Zeile_2_links_PC_Service_Abo    {grid-column: 1 / 3; grid-row: 3 / auto; margin: 0px 30px 0px 0px;}
div#Zeile_3_PC_Service_Abo          {grid-column: 1 / 4; grid-row: 4 / auto;}
div#Zeile_4_PC_Service_Abo          {grid-column: 1 / 4; grid-row: 5 / auto;}

div#Internetauftritt                {display: grid; grid-template-columns: repeat(3, 1fr);}
div#Titel_Internetauftritt          {grid-column: 1 / 4; grid-row: 1 / auto; border-bottom: 3px solid red;}
div#Zeile_1_links_Internetauftritt  {grid-column: 1 / 2; grid-row: 2 / auto; margin: 40px 0px 0px 0px; max-width: 300px;}
div#Zeile_1_rechts_Internetauftritt {grid-column: 2 / 4; grid-row: 2 / auto; margin: 60px 0px 0px 30px;}
div#Zeile_2_links_Internetauftritt  {grid-column: 1 / 2; grid-row: 3 / auto;}
div#Zeile_2_rechts_Internetauftritt {grid-column: 2 / 4; grid-row: 3 / auto; margin: 0px 0px 0px 30px;}
div#Zeile_3_links_Internetauftritt  {grid-column: 1 / 2; grid-row: 4 / auto;}
div#Zeile_3_rechts_Internetauftritt {grid-column: 2 / 4; grid-row: 4 / auto; margin: 0px 0px 0px 30px;}

div#Kontakt                         {display: grid; grid-template-columns: repeat(3, 1fr);}
div#Titel_Kontakt                   {grid-column: 1 / 4; grid-row: 1 / auto; border-bottom: 3px solid red;}
div#Zeile_1_links_Kontakt           {grid-column: 1 / 2; grid-row: 2 / auto; margin: 10px 12px 0px 0px;}
div#Zeile_1_mitte_Kontakt           {grid-column: 2 / 3; grid-row: 2 / auto; margin: 10px 8px 0px 8px;}
div#Zeile_1_rechts_Kontakt          {grid-column: 3 / 4; grid-row: 2 / auto; margin: 10px 0px 0px 12px; text-align: right;}

div#Kontaktformular                 {display: grid; grid-template-columns: repeat(3, 1fr); padding: 0px 40px 10px 40px; background: rgba(45, 45, 45, 0.6); border-top: 2px solid #FFD400; border-bottom: 2px solid yellow; border-right: 1px solid black; border-left: 1px solid black;}
div#Titel_Kontaktformular           {grid-column: 1 / 4; grid-row: 1 / auto; border-bottom: 3px solid red;}
div#Zeile_1_Kontaktformular         {grid-column: 1 / 4; grid-row: 2 / auto;}

div#Links                           {display: grid; grid-template-columns: repeat(3, 1fr);}
div#Titel_Links                     {grid-column: 1 / 4; grid-row: 1 / auto; border-bottom: 3px solid red;}
div#Zeile_1_Links                   {grid-column: 1 / 4; grid-row: 2 / auto;}
div#Zeile_2_Links                   {grid-column: 1 / 4; grid-row: 3 / auto;}

div#Impressum                       {display: grid; grid-template-columns: repeat(3, 1fr);}
div#Titel_Impressum                 {grid-column: 1 / 4; grid-row: 1 / auto; border-bottom: 3px solid red;}
div#Zeile_1_Impressum               {grid-column: 1 / 4; grid-row: 2 / auto;}

div#Disclaimer                      {display: grid; grid-template-columns: repeat(3, 1fr);}
div#Titel_Disclaimer                {grid-column: 1 / 4; grid-row: 1 / auto; border-bottom: 3px solid red;}
div#Zeile_1_Disclaimer              {grid-column: 1 / 4; grid-row: 2 / auto;}


ul                         {padding-left: 1.5em; list-style: bullet; line-height: 2em;}
li, p, td                  {font-size:14px;}
@counter-style bullet      {system: cyclic; symbols: "\2714"; suffix: " ";}

legend                     {font-size: 16px; color: #FFD400;}
fieldset                   {border: 2px solid; border-color: #FFD400; padding: 4px 10px 10px 10px; margin-bottom: 20px;}

a                          {text-decoration:none; color:#FFD400; font-style:italic;}



#redim-cookiehint{
	padding: 20px 20px;
	box-sizing: border-box;
	font-size: 16px;
	-webkit-box-shadow: 0px 0px 5px 4px rgba(0,0,0,0.21);
	-moz-box-shadow: 0px 0px 5px 4px rgba(0,0,0,0.21);
	box-shadow: 0px 0px 5px 4px rgba(0,0,0,0.21);
	background-color: red;
	text-align: center; border: 1px solid yellow; border-radius: 2em;
}
#redim-cookiehint-modal{background-color: rgba(0,0,0,0.75); padding: 15%;}
#cookiehintinfo{margin-right: 0px;}
#redim-cookiehint .cookiecontent{font-size: 16px; line-height: 20px; display: block;}
#redim-cookiehint, #redim-cookiehint a{color: #ffffff;}
#redim-cookiehint .cookiehead {font-size: 1.45em; padding: 4px 2px 12px 2px;}
#redim-cookiehint .cookiebuttons{display: block; padding: 8px; margin-top: 2px;}
#redim-cookiehint .clr {clear: both;}
#redim-cookiehint .cookiebuttons .btn{
       padding: 5px 10px !important;
	border-radius: 0px !important;
	color: #111111 !important;
	background-color: grey !important;
	font-size: 14px;
	line-height: 2.5em;
	margin-top: 2px;	
	margin-bottom: 2px;
	cursor: pointer;
       border: 1px solid yellow;
}
#redim-cookiehint .cookiebuttons a.btn {text-decoration: none !important; background-image: none !important;}
#redim-cookiehint .cookiebuttons .btn:hover{background-color: lightgrey !important; color: black !important;}
#redim-cookiehint.hidden{display: none; visibility: hidden;}